import vitejs

css/functions/func.scss

@@ -0,0 +1,54 @@
+@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;
+    }
+}