Add border and background color to page footer

This commit is contained in:
Michael Rose 2016-06-06 21:01:54 -04:00
parent 2e2e42d1f0
commit 8cd5be2107
3 changed files with 15 additions and 7 deletions

View file

@ -3,16 +3,24 @@
========================================================================== */ ========================================================================== */
.page__footer { .page__footer {
@include container; @include full();
@include clearfix; @include clearfix;
margin-top: 3em; margin-top: 3em;
padding: 0 1em 3em;
color: mix(#fff, $gray, 25%); color: mix(#fff, $gray, 25%);
animation: intro 0.3s both; animation: intro 0.3s both;
animation-delay: 0.45s; animation-delay: 0.45s;
background-color: $lighter-gray;
border-top: 1px solid $light-gray;
@include breakpoint($x-large) { footer {
max-width: $x-large; @include container;
@include clearfix;
margin-top: 2em;
padding: 0 1em 2em;
@include breakpoint($x-large) {
max-width: $x-large;
}
} }
a { a {

View file

@ -47,6 +47,6 @@
&--lg { &--lg {
padding-right: 2em; padding-right: 2em;
text-transform: uppercase; font-weight: 700;
} }
} }

File diff suppressed because one or more lines are too long