feat: Add variables only export

JuKra00 · Nov 14, 2023 · 52f3d4d · 52f3d4d
1 parent 6523348
commit 52f3d4d
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 4 deletions.
diff --git a/dist/variables.css b/dist/variables.css
diff --git a/dist/variables.css.map b/dist/variables.css.map
diff --git a/package.json b/package.json
@@ -26,13 +26,14 @@
       "require": "./src/cleacss.scss"
     },
     "./global": "./src/global.scss",
+    "./css/variables": "./dist/variables.css",
     "./css": "./dist/cleacss.css"
   },
   "scripts": {
-    "dev": "sass src/cleacss.scss:dist/cleacss.css --watch",
-    "sass": "sass src/cleacss.scss:dist/cleacss.css",
+    "dev": "sass src/cleacss.scss:dist/cleacss.css src/variables.scss:dist/variables.css --watch",
+    "sass": "sass src/cleacss.scss:dist/cleacss.css src/variables.scss:dist/variables.css",
     "build": "pnpm clean && pnpm sass && pnpm minify",
-    "minify": "lightningcss --minify --bundle --browserslist dist/cleacss.css -o dist/cleacss.css",
+    "minify": "lightningcss --minify --bundle --browserslist dist/cleacss.css -o dist/cleacss.css & lightningcss --minify --bundle --browserslist dist/variables.css -o dist/variables.css",
     "help": "lightningcss --help",
     "clean": "rimraf dist",
     "docs:dev": "vitepress dev docs",
@@ -54,4 +55,4 @@
     "stylelint-order": "^6.0.3",
     "vitepress": "^0.22.4"
   }
-}
+}
diff --git a/src/variables.scss b/src/variables.scss
@@ -0,0 +1,25 @@
+/* --------------------------------------------------------------
+# Global
+-------------------------------------------------------------- */
+@import "./global";
+
+/* --------------------------------------------------------------
+# Variables
+-------------------------------------------------------------- */
+@layer variables {
+  @import "./variables/colors";
+  @import "./variables/sizes";
+  @import "./variables/typography";
+  @import "./variables/gap";
+  @import "./variables/radius";
+  @import "./variables/border";
+  @import "./variables/input";
+  @import "./variables/section";
+  @import "./variables/content";
+  @import "./variables/grid";
+  @import "./variables/columns";
+  @import "./variables/spacing";
+  @import "./variables/button";
+  @import "./variables/title";
+  @import "./variables/breakpoints";
+}