feat: migrate to native CSS variables

2024-07-30 18:39:09 +03:00
parent 22dc46fb81
commit 4bc7d37022
19 changed files with 103 additions and 90 deletions
--- a/assets/css/variables.scss
+++ b/assets/css/variables.scss
@@ -1,8 +1,10 @@
-/* COLOR VARIABLES */
-$background: mix($accent, #1D1E28, 2%);
-$color: white;
-$border-color: rgba(255, 255, 255, .1);
+:root {
+  /* COLOR VARIABLES */
+  --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
+  --color: white;
+  --border-color: rgba(255, 255, 255, .1);

-/* MEDIA QUERIES */
-$phone: "max-width: 684px";
-$tablet: "max-width: 900px";
+  /* MEDIA QUERIES */
+  --phone: "max-width: 684px";
+  --tablet: "max-width: 900px";
+}