add custon variables css file and adjust path

chukarave · hasanakg · commit 97d8a9ebb287 · 2024-01-12T10:21:39.000+01:00
diff --git a/resources/css/custom-variables.css b/resources/css/custom-variables.css
@@ -0,0 +1,18 @@
+:root {
+    /* spacing */
+    --dimension-spacing-none: 0em;
+    --dimension-spacing-xxsmall: 0.125em;
+    --dimension-spacing-xsmall: 0.250em;
+    --dimension-spacing-small: 0.500em;
+    --dimension-spacing-medium: 0.750em;
+    --dimension-spacing-large: 1em;
+    --dimension-spacing-xlarge: 1.500em;
+    --dimension-spacing-xxlarge: 2em;
+
+    /*layout */
+     --dimension-layout-xxsmall: 0.500rem;
+     --dimension-layout-xsmall: 1rem;
+     --dimension-layout-small: 1.500rem;
+     --dimension-layout-medium: 2rem;
+     --dimension-layout-large: 2.500rem;
+}
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -4,7 +4,7 @@
 @import '~wikit-dist/wikit-vue-components-vue3compat.css';
 @import "@wikimedia/codex/dist/codex.style.css";
 @import "@wikimedia/codex-design-tokens/theme-wikimedia-ui";
-@import '../custom-variables.css';
+@import '../css/custom-variables.css';
 @import './link.scss';
 @import './_typography.scss';
 
diff --git a/resources/sass/noscript.scss b/resources/sass/noscript.scss
@@ -1,7 +1,7 @@
 @import '~@wikimedia/codex/dist/codex.style.css';
 @import '~@wikimedia/codex/dist/codex.style-rtl.css';
 @import '~@wikimedia/codex-design-tokens/theme-wikimedia-ui.scss';
-@import '../custom-variables.css';
+@import '../css/custom-variables.css';
 
 main {
     font-size: $font-size-medium;
