$footer-height: 48px;
@mixin footer() {
#footer {
> .comment, > .code {
height: $footer-height;
line-height: $footer-height;
padding-top: 0;
padding-bottom: 0;
}
> .comment .content {
font-size: 13px;
color: hsl($hue, $saturation, 45%);
font-weight: bold;
}
> .code {
text-align: right;
}
> .code .content {
font-size: 14px;
@include font-mono();
color: hsl($hue, $saturation, 50%);
}
}
@include single-column() {
#footer {
text-align: right;
}
}
}