2017-04-02 23:56:47 +00:00
|
|
|
.footer {
|
|
|
|
background-color: mc('blue-grey','50');
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
2017-04-22 23:46:20 +00:00
|
|
|
padding: 0 25px;
|
|
|
|
height: 70px;
|
2017-04-02 23:56:47 +00:00
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 500;
|
|
|
|
color: mc('blue-grey','500');
|
2017-04-22 23:46:20 +00:00
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
2017-04-02 23:56:47 +00:00
|
|
|
|
|
|
|
ul {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
list-style-type: none;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
li {
|
|
|
|
padding: 0 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
2017-06-26 21:47:01 +00:00
|
|
|
@each $color, $colorvalue in $material-colors {
|
|
|
|
&.is-#{$color} {
|
|
|
|
background-color: mc($color,'50');
|
|
|
|
color: mc($color,'500');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-04-02 23:56:47 +00:00
|
|
|
}
|