atst/styles/components/_footer.scss
2018-09-24 16:11:35 -04:00

42 lines
737 B
SCSS

.app-footer {
background-color: $color-gray-lightest;
border-top: 1px solid $color-gray-lighter;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: $gap * 2;
.app-footer__info {
flex-grow: 1;
.app-footer__info__title {
display: inline-block;
padding: 0;
margin: 0 $gap 0 0;
//margin: ($gap * 2);
}
.app-footer__info__link {
margin: (-$gap * 2) (-$gap);
}
}
.app-footer__browser-support {
color: $color-gray;
margin: 0;
text-align: right;
dt, dd {
@include h5;
display: inline-block;
}
dd {
font-weight: normal;
&::before {
content: '';
}
}
}
}