// Clearfix @mixin clearfix() {
&::after, ::before { content: ""; display: table; clear: both; }
}
// Reset lists @mixin list-reset() {
list-style-type: none; margin: 0; padding: 0;
}
// Screen reader text @mixin screen-reader() {
clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;
}
// Usage: // @include skew(25,10); // @include transform-origin(top left); @mixin transform($transforms) {
-moz-transform: $transforms; -o-transform: $transforms; -ms-transform: $transforms; -webkit-transform: $transforms; transform: $transforms;
}
@mixin scale($scale) {
@include transform(scale($scale));
}