@mixin opacity($value) { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$value})"; filter: alpha(opacity = $value); opacity: $value / 100; } @mixin clearfix() { zoom: 1; display: flow-root; &::before, &::after { display: table; content: ""; } &::after { clear: both; } @supports (display: flow-root) { &::before, &::after { display: unset; content: unset; } &::after { clear: unset; } } } /* Fonts */ $title: "League Gothic, Avenir Next Condensed, Helvetica Neue, Arial, sans-serif"; $body: "Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif"; @mixin title-font() { font-family: #{$title}; } @mixin body-font() { font-family: #{$body}; font-weight: 300; }