website/_sass/custom_layout/_footer.scss
2018-10-24 17:51:53 +08:00

67 lines
1.1 KiB
SCSS

.site-footer {
background: linear-gradient(75deg, $brand-color_d, $brand-color, $brand-color_l);
border-top: 1px solid $grey-color-light;
color: $platinum;
padding: $spacing-unit 0;
}
.footer-col-1 {
width: -webkit-calc(25% - (#{$spacing-unit} / 2));
width : calc(25% - (#{$spacing-unit} / 2));
}
.footer-col-2 {
width: -webkit-calc(30% - (#{$spacing-unit} / 2));
width : calc(30% - (#{$spacing-unit} / 2));
}
.footer-col-wrapper {
color: $super-platinum;
.u-email,
.username {
color: $super-platinum;
&:hover {
color: $super-platinum;
}
}
.svg-icon {
fill: $super-platinum;
}
}
.site-icon-credits {
font-size: $small-font-size;
margin-bottom: 1.5em;
p {
margin: 0;
}
a {
color: $footer-link;
}
}
.site-credits {
text-align: center;
> p {
margin: 0;
}
a, a:hover, a:visited {
color: $footer-link;
}
.copyright {
font-size: $small-font-size;
}
}
@include media-query($on-palm) {
.footer-col-1,
.footer-col-2,
.footer-col-3 {
width: 100%;
}
}