42 lines
741 B
SCSS
42 lines
741 B
SCSS
|
|
.footer {
|
|
@extend .container;
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: $footer-spacing;
|
|
min-height: $footer-height;
|
|
|
|
a {
|
|
color: $footer-link-color;
|
|
font-weight: 700;
|
|
&:hover,
|
|
&:active {
|
|
color: $footer-link-hover-color;
|
|
}
|
|
}
|
|
|
|
&-left {
|
|
margin-left: $footer-spacing;
|
|
}
|
|
|
|
&-right {
|
|
display: flex;
|
|
justify-content: right;
|
|
margin-right: $footer-spacing;
|
|
}
|
|
|
|
&-left,
|
|
&-right {
|
|
flex: 1;
|
|
}
|
|
|
|
// Top button
|
|
&-button-top {
|
|
@extend .button;
|
|
@extend .button-round;
|
|
@include button-variant($footer-link-color, white, white);
|
|
|
|
font-size: 1.5em;
|
|
box-shadow: 0 2px 2px rgba(0, 0, 0, .25);
|
|
}
|
|
}
|