bitburner-src/css/_mixins.scss

62 lines
1.2 KiB
SCSS
Raw Normal View History

@mixin animation($property) {
2021-09-05 01:09:30 +02:00
-webkit-animation: $property;
-moz-animation: $property;
-ms-animation: $property;
-o-animation: $property;
animation: $property;
}
@mixin borderRadius($property) {
2021-09-05 01:09:30 +02:00
-webkit-border-radius: $property;
-moz-border-radius: $property;
border-radius: $property;
}
2018-07-16 17:28:09 +02:00
@mixin boxShadow($value) {
2021-09-05 01:09:30 +02:00
-webkit-box-shadow: $value;
-moz-box-shadow: $value;
box-shadow: $value;
2018-07-16 17:28:09 +02:00
}
@mixin keyframes($animationName) {
2021-09-05 01:09:30 +02:00
@-webkit-keyframes #{$animationName} {
$browser: "-webkit-" !global;
@content;
}
@-moz-keyframes #{$animationName} {
$browser: "-moz-" !global;
@content;
}
@-ms-keyframes #{$animationName} {
$browser: "-ms-" !global;
@content;
}
@-o-keyframes #{$animationName} {
$browser: "-o-" !global;
@content;
}
@keyframes #{$animationName} {
$browser: "" !global;
@content;
}
}
@mixin transform($property) {
2021-09-05 01:09:30 +02:00
-webkit-transform: $property;
-moz-transform: $property;
-ms-transform: $property;
-o-transform: $property;
transform: $property;
}
2018-07-17 16:17:30 +02:00
@mixin userSelect($value) {
2021-09-05 01:09:30 +02:00
-webkit-user-select: $value;
-moz-user-select: $value;
-ms-user-select: $value;
user-select: $value;
2018-07-17 16:17:30 +02:00
}