54 lines
1.2 KiB
SCSS
54 lines
1.2 KiB
SCSS
//---------- @mixins ----------//
|
|
|
|
@mixin box-shadow($val...) {
|
|
box-shadow: ($val);
|
|
-moz-box-shadow: ($val);
|
|
-webkit-box-shadow: ($val);
|
|
}
|
|
|
|
@mixin border-radius($val) {
|
|
border-radius: ($val);
|
|
}
|
|
|
|
@mixin transition($val...) {
|
|
-webkit-transition: ($val);
|
|
-o-transition: ($val);
|
|
transition: ($val);
|
|
}
|
|
|
|
@mixin translateX($val...) {
|
|
-webkit-transform: translateX($val);
|
|
-ms-transform: translateX($val);
|
|
-o-transform: translateX($val);
|
|
transform: translateX($val);
|
|
}
|
|
|
|
@mixin translateY($val...) {
|
|
-webkit-transform: translateY($val);
|
|
-ms-transform: translateY($val);
|
|
-o-transform: translateY($val);
|
|
transform: translateY($val);
|
|
}
|
|
|
|
@mixin translate3d($val,$val2,$val3) {
|
|
-webkit-transform: translate3d($val, $val2, $val3);
|
|
-ms-transform: translate3d($val, $val2, $val3);
|
|
-o-transform: translate3d($val, $val2, $val3);
|
|
transform: translate3d($val, $val2, $val3);
|
|
}
|
|
|
|
@mixin rotate($val){
|
|
-webkit-transform: rotate($val);
|
|
-moz-transform: rotate($val);
|
|
-ms-transform: rotate($val);
|
|
-o-transform: rotate($val);
|
|
transform: rotate($val);
|
|
}
|
|
|
|
@mixin scale($val){
|
|
-webkit-transform: scale($val);
|
|
-moz-transform: scale($val);
|
|
-ms-transform: scale($val);
|
|
transform: scale($val);
|
|
}
|