55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
@mixin user-select($prop) {
|
|
-moz-user-select: $prop;
|
|
-ms-user-select: $prop;
|
|
user-select: $prop;
|
|
-webkit-user-select: $prop;
|
|
}
|
|
|
|
@mixin border-radius($property) {
|
|
-moz-border-radius: $property;
|
|
-webkit-border-radius: $property;
|
|
border-radius: $property;
|
|
}
|
|
|
|
@mixin box-shadow($property) {
|
|
-webkit-box-shadow: $property;
|
|
box-shadow: $property;
|
|
}
|
|
|
|
@mixin box-shadow2($p1, $p2) {
|
|
-webkit-box-shadow: $p1, $p2;
|
|
box-shadow: $p1, $p2;
|
|
}
|
|
|
|
@mixin box-shadow3($p1, $p2, $p3) {
|
|
-webkit-box-shadow: $p1, $p2, $p3;
|
|
box-shadow: $p1, $p2, $p3;
|
|
}
|
|
|
|
@mixin transition($property) {
|
|
-webkit-transition: $property;
|
|
transition: $property;
|
|
}
|
|
|
|
@mixin transition2($p1, $p2) {
|
|
-webkit-transition: $p1, $p2;
|
|
transition: $p1, $p2;
|
|
}
|
|
|
|
@mixin transition3($p1, $p2, $p3) {
|
|
-webkit-transition: $p1, $p2, $p3;
|
|
transition: $p1, $p2, $p3;
|
|
}
|
|
|
|
@mixin scrollbar() {
|
|
&::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: rgba(168, 168, 168, 0.9);
|
|
border-radius: 4px;
|
|
}
|
|
}
|