podcast-webseite/assets/scss/parts/_footer.scss
2019-12-02 09:15:02 +01:00

69 lines
1.2 KiB
SCSS

/* Footer */
#footer {
background: _palette(accent2);
padding: $size-wrapper-pad-tb 0;
text-align: center;
@include breakpoint(laptop) {
padding: $size-wrapper-pad-tb 0;
}
@include breakpoint(tablet) {
padding: $size-wrapper-pad-tb 0;
}
@include breakpoint(phablet) {
padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
}
@include breakpoint(mobileonly) {
padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
}
.icons {
.icon {
&.alt {
@include line-icon(_palette(accent2), _palette(fg-light));
}
}
}
.copyright {
color: _palette(fg-light);
font-size: 0.8em;
line-height: 1em;
margin: 2em 0 0 0;
padding: 0;
text-align: center;
@include breakpoint(mobileonly) {
line-height: inherit;
}
li {
border-left: solid 1px _palette(border);
display: inline-block;
list-style: none;
margin-left: 1.5em;
padding-left: 1.5em;
@include breakpoint(mobileonly) {
border-left: 0;
display: block;
margin: 0;
padding: 0;
}
&:first-child {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
a {
color: inherit;
}
}
}
}