steven-r
6/4/2017 - 5:03 PM

My SCSS Mixin Tool Box

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;
}