Cleaned Footer Code, beginning to compontentize SCSS
This commit is contained in:
@ -1,61 +0,0 @@
|
||||
/*
|
||||
* Footer
|
||||
* Site Footer!
|
||||
*
|
||||
* Dependencies:
|
||||
* styles/settings/colors.scss
|
||||
* styles/settings/typography.scss
|
||||
* styles/tools/flex.scss
|
||||
* styles/tools/_box-shadow.scss
|
||||
*
|
||||
* Version:
|
||||
* 1.0.0 - 2018/05/16
|
||||
*/
|
||||
$c-footer--link-color: red;
|
||||
$c-footer--link-hover-color: blue;
|
||||
|
||||
.c-footer {
|
||||
@extend %t-dp--shadow-3d;
|
||||
padding-top: 8em;
|
||||
padding-bottom: 10em;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-image: url($s-asset--directory+'images/banners/palms.svg');
|
||||
background-size: cover;
|
||||
|
||||
&__inner {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
&__copyright {
|
||||
font-size: 1.2em;
|
||||
font-family: $s-font--stack-headings;
|
||||
}
|
||||
|
||||
&__links {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
&__link {
|
||||
color: $s-color--footer__link;
|
||||
|
||||
&:hover {
|
||||
color: $s-color--footer__link-hover;
|
||||
}
|
||||
|
||||
+ #{&} {
|
||||
display: inline-block;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
&__part {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user