35 lines
860 B
SCSS
35 lines
860 B
SCSS
/*
|
|
Crafting Guide - mixins.scss
|
|
|
|
Copyright (c) 2014-2015 by Redwood Labs
|
|
All rights reserved.
|
|
*/
|
|
|
|
@mixin box-sizing($value) {
|
|
-moz-box-sizing: $value;
|
|
-webkit-box-sizing: $value;
|
|
box-sizing: $value;
|
|
}
|
|
|
|
@mixin center-vertical {
|
|
position: absolute;
|
|
top: 50%;
|
|
@include transform(translateY(-50%));
|
|
}
|
|
|
|
@mixin transform($transforms) {
|
|
-moz-transform: $transforms;
|
|
-o-transform: $transforms;
|
|
-ms-transform: $transforms;
|
|
-webkit-transform: $transforms;
|
|
transform: $transforms;
|
|
}
|
|
|
|
@mixin pixel-image {
|
|
image-rendering: -moz-crisp-edges; /* Firefox */
|
|
image-rendering: -o-crisp-edges; /* Opera */
|
|
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
|
|
image-rendering: crisp-edges;
|
|
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
|
|
}
|