regexper-static/src/components/Footer/style.css
Jeff Avallone 81aceeba5f Modifying separated inline list styles to wrap neatly
The "//" separator is hidden when the list items wrap.
2018-06-01 17:16:54 -04:00

28 lines
444 B
CSS

@import url('../../globals.css');
footer {
display: flex;
align-items: flex-start;
margin: var(--spacing-margin) 0;
@media screen and (max-width: 800px) {
display: block;
}
& ul {
@apply --inline-list;
@apply --with-separator-left;
flex: 1;
}
& img {
vertical-align: text-top;
width: 80px;
height: 15px;
}
& .buildId {
color: color(var(--color-brown) blend(var(--color-tan) 25%));
}
}