55 lines
871 B
SCSS
55 lines
871 B
SCSS
|
///////////////////
|
||
|
// //
|
||
|
// FOOTER //
|
||
|
// //
|
||
|
///////////////////
|
||
|
|
||
|
.main-footer {
|
||
|
margin-top: 1.25rem;
|
||
|
padding-bottom: 1.25rem;
|
||
|
|
||
|
ul {
|
||
|
display: flex;
|
||
|
justify-content: space-between;
|
||
|
margin: 0 auto 0 auto;
|
||
|
padding: 0;
|
||
|
|
||
|
@include breakpoint(desktop) {
|
||
|
max-width: 46rem;
|
||
|
}
|
||
|
|
||
|
@include breakpoint(laptop) {
|
||
|
max-width: 95%;
|
||
|
margin: 0 1rem 0 1rem;
|
||
|
}
|
||
|
|
||
|
@include breakpoint(tablet) {
|
||
|
max-width: 95%;
|
||
|
margin: 0 1rem 0 1rem;
|
||
|
}
|
||
|
|
||
|
@include breakpoint(mobile) {
|
||
|
max-width: 90%;
|
||
|
margin: 0 1rem 0 1rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@include inline-list;
|
||
|
|
||
|
}
|
||
|
|
||
|
.home-footer ul {
|
||
|
list-style-type: none;
|
||
|
padding: 0;
|
||
|
display: flex;
|
||
|
justify-content: space-evenly;
|
||
|
max-width: 50%;
|
||
|
margin: 0 auto 0 auto;
|
||
|
opacity: 0.7;
|
||
|
|
||
|
a {
|
||
|
color: white;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
}
|