website/_sass/custom_layout/_footer.scss
foo-dogsquared c87c484a72 Revamp CSS
2018-10-29 11:44:59 +08:00

71 lines
1.2 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;
::selection {
background: darken($footer-link, 30%);
}
}
.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%;
}
}