// Mixins
@mixin media-query($device) {
@media only screen and (min-width: $device) { @content; }
}
/**
* @include transition(PROPERTY DURATION DELAY(OPTIONAL) TIMING-FINCTION); */
@mixin transition($transition) {
-webkit-transition: $transition; -moz-transition: $transition; -ms-transition: $transition; transition: $transition;
}
/**
* Box shadow * example: @include box-shadow(HORIZONTAL VERTICAL BLUR COLOR)); */
@mixin box-shadow($shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)) {
-webkit-box-shadow: $shadow; -moz-box-shadow: $shadow; box-shadow: $shadow;
}