// 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));

}