63 lines
1023 B
SCSS
63 lines
1023 B
SCSS
/*
|
|
* Footer
|
|
* Site Footer!
|
|
*
|
|
* Dependencies:
|
|
* styles/settings/colors.scss
|
|
* styles/settings/typography.scss
|
|
* styles/tools/_box-shadow.scss
|
|
*
|
|
* Version:
|
|
* 1.1.0 - 2018/10/30
|
|
*/
|
|
@import '~@styles/global';
|
|
|
|
$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('~@assets/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;
|
|
}
|
|
}
|