39 lines
639 B
SCSS
39 lines
639 B
SCSS
.footer {
|
|
background-color: mc('blue-grey','50');
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 25px;
|
|
height: 70px;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: mc('blue-grey','500');
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
transition: background-color 1s ease;
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
li {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
}
|
|
|
|
@each $color, $colorvalue in $material-colors {
|
|
&.is-#{$color} {
|
|
background-color: mc($color,'50');
|
|
color: mc($color,'500');
|
|
}
|
|
}
|
|
|
|
}
|