SCSS: Familiar mixins #rugor

gistfile1.txt

@mixin below($width) {
 @media screen and (max-width: $width - 1) {
   @content;
 }
}

@mixin above($width) {
 @media screen and (min-width: $width + 1) {
   @content;
 }
}

@mixin transition($transition-property, $transition-time, $method) {
	-webkit-transition: $transition-property $transition-time $method;
	-moz-transition: $transition-property $transition-time $method;
	-ms-transition: $transition-property $transition-time $method;
	-o-transition: $transition-property $transition-time $method;
	transition: $transition-property $transition-time $method;
}

@mixin vertical-align {
  position: relative;
  top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}