1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 05:18:28 -04:00
jarv.is/assets/sass/components/_footer.scss

54 lines
871 B
SCSS

@charset "UTF-8";
// Global Footer Styles
footer {
width: 100%;
letter-spacing: -0.005em;
padding: 1.25em 1.5em;
border-top: 1px solid;
@include colors() {
color: c(medium-dark);
border-color: c(kinda-light);
}
a {
@include colors() {
color: c(medium-dark);
}
}
div.row {
display: flex;
width: 100%;
max-width: $max-width;
margin: 0 auto;
justify-content: space-between;
font-size: 0.85em;
line-height: 2.3;
}
// underline View Source link
a#source {
padding-bottom: 2px;
border-bottom: 1px solid;
@include colors() {
border-color: c(light);
}
}
}
// Responsive
@mixin responsive--footer() {
footer {
padding: 1em 1.25em 0 1.25em;
// stack columns on left instead of flexboxing across
div.row {
display: block;
line-height: 2;
}
}
}