71 lines
1.3 KiB
SCSS
71 lines
1.3 KiB
SCSS
@mixin transition($time) {
|
|
-webkit-transition: all $time ease-out 0s;
|
|
-moz-transition: all $time ease-out 0s;
|
|
-ms-transition: all $time ease-out 0s;
|
|
-o-transition: all $time ease-out 0s;
|
|
transition: all $time ease-out 0s;
|
|
}
|
|
|
|
@mixin transform($values...) {
|
|
-webkit-transform: $values;
|
|
-moz-transform: $values;
|
|
-ms-transform: $values;
|
|
-o-transform: $values;
|
|
transform: $values;
|
|
}
|
|
|
|
@mixin user-select($value) {
|
|
-webkit-user-select: $value;
|
|
-moz-user-select: $value;
|
|
-ms-user-select: $value;
|
|
user-select: $value;
|
|
}
|
|
|
|
@mixin box-sizing($value) {
|
|
-webkit-box-sizing: $value;
|
|
-moz-box-sizing: $value;
|
|
box-sizing: $value;
|
|
}
|
|
|
|
@mixin animation($value) {
|
|
-webkit-animation: $value;
|
|
-moz-animation: $value;
|
|
-o-animation: $value;
|
|
animation: $value;
|
|
}
|
|
|
|
@mixin animation-delay($value) {
|
|
-webkit-animation-delay: $value;
|
|
-moz-animation-delay: $value;
|
|
-o-animation-delay: $value;
|
|
animation-delay: $value;
|
|
}
|
|
|
|
@mixin box-shadow($value) {
|
|
-webkit-box-shadow: $value;
|
|
-moz-box-shadow: $value;
|
|
box-shadow: $value;
|
|
}
|
|
|
|
// Placeholder Mixins
|
|
@mixin placeholder {
|
|
&::placeholder {
|
|
@content;
|
|
}
|
|
&::-moz-placeholder {
|
|
@content;
|
|
}
|
|
&::-moz-placeholder {
|
|
@content;
|
|
}
|
|
&::-webkit-input-placeholder {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin flex-center {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|