webseite/assets/sass/parts/_footer.scss

70 lines
1.2 KiB
SCSS
Raw Normal View History

2019-02-12 17:45:44 +01:00
/* 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;
}
}
}
}