Add footer
This commit is contained in:
parent
10de6a8e43
commit
fcbe8f53f8
2 changed files with 22 additions and 0 deletions
|
@ -25,6 +25,9 @@ var App = React.createClass({
|
|||
<main className='site-body' role='main'>
|
||||
{this.props.children}
|
||||
</main>
|
||||
<footer className='site-footer' role='footer'>
|
||||
<p>Made with love by <a href='https://developmentseed.org' title='Visit Development Seed website'>Development Seed</a> using <a href='http://opensensemap.org' title='Visit OpenSenseMap website'>OpenSenseMap</a> data</p>
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -150,9 +150,14 @@ a:active {
|
|||
/* Body
|
||||
========================================================================== */
|
||||
|
||||
.site-body {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.page__content {
|
||||
> .inner {
|
||||
// @extend .row, .row--centered;
|
||||
@extend .clearfix;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
}
|
||||
|
@ -280,3 +285,17 @@ a:active {
|
|||
|
||||
/* Footer
|
||||
========================================================================== */
|
||||
|
||||
.site-footer {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
color: $base-color;
|
||||
padding: $global-spacing 0;
|
||||
box-shadow: inset 0 1px 0 0 rgba($base-color, 0.12);
|
||||
padding: 1rem 2rem;
|
||||
text-align: center;
|
||||
|
||||
p {
|
||||
opacity: 0.64;
|
||||
}
|
||||
}
|
Loading…
Add table
Reference in a new issue