Add border and background color to page footer
This commit is contained in:
parent
2e2e42d1f0
commit
8cd5be2107
3 changed files with 15 additions and 7 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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
Loading…
Reference in a new issue