This is consistent with the `body-colors` mixin and with other mixins we're about to add, like `anchor-color`.
27 lines
333 B
SCSS
27 lines
333 B
SCSS
.social {
|
|
@include grid-column;
|
|
text-align: right;
|
|
|
|
@include breakpoint(medium) {
|
|
width: 1 * 100% / 3;
|
|
}
|
|
|
|
ul {
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
display: inline-block;
|
|
}
|
|
|
|
a {
|
|
font-size: rem-calc(24);
|
|
margin: 0 $line-height / 2;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
@include brand-color;
|
|
}
|
|
}
|
|
}
|