My SCSS Mixin Tool Box
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@mixin push-auto {
margin-left:auto;
margin-right: auto;
}
@mixin font-selector($family, $weight, $size, $color) {
font-family: $family, Helvetica, Arial, Sans-Serif;
font-weight: $weight;
font-size: $size;
color: $color;
}
@mixin vertical-align($height, $width) {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: $width;
height: $height;
margin: auto;
text-align: center;
}
@mixin transition($time) {
-webkit-transition:all $time;
-ms-transition:all $time;
-moz-transition:all $time;
-o-transition:all $time;
transition:all $time;
}