fix: add global var negative -g-spacing

NasgulNexus · NasgulNexus · commit 378f09c774e2 · 2025-02-12T17:01:57.000+01:00
diff --git a/src/lib/kit/components/GroupIndent/GroupIndent.scss b/src/lib/kit/components/GroupIndent/GroupIndent.scss
@@ -7,7 +7,7 @@
     );
     margin: var(
         --df-group-indent-margin,
-        -12px var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1)
+        $negative-g-spacing-3 var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1)
     );
     border-left: 1px solid var(--g-color-line-generic-accent);
 
@@ -20,6 +20,9 @@
     }
 
     & > .#{$ns}simple-vertical-accordeon_view {
-        margin-top: var(--df-group-indent-simple-vertical-accordeon-view-margin-top, -12px);
+        margin-top: var(
+            --df-group-indent-simple-vertical-accordeon-view-margin-top,
+            $negative-g-spacing-3
+        );
     }
 }
diff --git a/src/lib/kit/components/Inputs/OneOf/OneOf.scss b/src/lib/kit/components/Inputs/OneOf/OneOf.scss
@@ -34,7 +34,10 @@
                 }
 
                 & > .#{$ns}simple-vertical-accordeon_view {
-                    margin-top: var(--df-oneof-base-simple-vertical-accordeon-margin-top, -12px);
+                    margin-top: var(
+                        --df-oneof-base-simple-vertical-accordeon-margin-top,
+                        $negative-g-spacing-3
+                    );
                 }
             }
         }
diff --git a/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss b/src/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.scss
@@ -20,7 +20,10 @@ $animationDuration: 0.3s;
         align-items: center;
 
         &-inner {
-            margin-left: var(--df-simple-vertical-accordeon-header-inner-margin-left, -12px);
+            margin-left: var(
+                --df-simple-vertical-accordeon-header-inner-margin-left,
+                $negative-g-spacing-3
+            );
             max-width: var(--df-simple-vertical-accordeon-header-inner-max-width, 533px);
         }
 
diff --git a/src/lib/kit/styles/variables.scss b/src/lib/kit/styles/variables.scss
@@ -20,6 +20,8 @@ $ns: 'df-';
 }
 */
 
+$negative-g-spacing-3: calc(-1 * var(--g-spacing-3, 12px));
+
 //Spacing variables
 $df-spacing-inputs: var(--g-spacing-4); // 16px
 $df-spacing-inputs-section: var(--g-spacing-5); // 20px

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`);`
`8`	`8`	`margin: var(`
`9`	`9`	`--df-group-indent-margin,`
`10`		`- -12px var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1)`
	`10`	`+ $negative-g-spacing-3 var(--g-spacing-0) var(--g-spacing-0) var(--g-spacing-1)`
`11`	`11`	`);`
`12`	`12`	`border-left: 1px solid var(--g-color-line-generic-accent);`
`13`	`13`
`@@ -20,6 +20,9 @@`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`& > .#{$ns}simple-vertical-accordeon_view {`
`23`		`- margin-top: var(--df-group-indent-simple-vertical-accordeon-view-margin-top, -12px);`
	`23`	`+ margin-top: var(`
	`24`	`+ --df-group-indent-simple-vertical-accordeon-view-margin-top,`
	`25`	`+ $negative-g-spacing-3`
	`26`	`+ );`
`24`	`27`	`}`
`25`	`28`	`}`
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,10 @@`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`& > .#{$ns}simple-vertical-accordeon_view {`
`37`		`- margin-top: var(--df-oneof-base-simple-vertical-accordeon-margin-top, -12px);`
	`37`	`+ margin-top: var(`
	`38`	`+ --df-oneof-base-simple-vertical-accordeon-margin-top,`
	`39`	`+ $negative-g-spacing-3`
	`40`	`+ );`
`38`	`41`	`}`
`39`	`42`	`}`
`40`	`43`	`}`
Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,8 @@ $ns: 'df-';`
`20`	`20`	`}`
`21`	`21`	`*/`
`22`	`22`
	`23`	`+$negative-g-spacing-3: calc(-1 * var(--g-spacing-3, 12px));`
	`24`	`+`
`23`	`25`	`//Spacing variables`
`24`	`26`	`$df-spacing-inputs: var(--g-spacing-4); // 16px`
`25`	`27`	`$df-spacing-inputs-section: var(--g-spacing-5); // 20px`