cv-online/scss/mixins.scss

63 lines
1.9 KiB
SCSS

@mixin border-radius($value) {
-webkit-border-radius: $value;
-moz-border-radius: $value;
-ms-border-radius: $value;
-o-border-radius: $value;
border-radius: $value;
}
@mixin box-shadow($value) {
-webkit-box-shadow: $value;
-moz-box-shadow: $value;
-ms-box-shadow: $value;
-o-box-shadow: $value;
box-shadow: $value;
}
@mixin transition-property($value) {
-webkit-transition-property: $value;
-moz-transition-property: $value;
-ms-transition-property: $value;
-o-transition-property: $value;
transition-property: $value;
}
@mixin transition-property2($value, $value2) {
-webkit-transition-property: $value,$value2;
-moz-transition-property: $value,$value2;
-ms-transition-property: $value,$value2;
-o-transition-property: $value,$value2;
transition-property: $value,$value2;
}
@mixin transition-duration($value) {
-webkit-transition-duration: $value;
-moz-transition-duration: $value;
-ms-transition-duration: $value;
-o-transition-duration: $value;
transition-duration: $value;
}
@mixin transition-delay($value) {
-webkit-transition-delay: $value;
-moz-transition-delay: $value;
-ms-transition-delay: $value;
-o-transition-delay: $value;
transition-delay: $value;
}
@mixin text-shadow($value) {
-webkit-text-shadow: $value;
-moz-text-shadow: $value;
-ms-text-shadow: $value;
-o-text-shadow: $value;
text-shadow: $value;
}
@mixin animation($value) {
-webkit-animation: $value;
-moz-animation: $value;
-ms-animation: $value;
-o-animation: $value;
animation: $value;
}
@mixin animation-delay($value) {
-webkit-animation-delay: $value;
-moz-animation-delay: $value;
-ms-animation-delay: $value;
-o-animation-delay: $value;
animation-delay: $value;
}