Add distinguisher to CSS var

cylc · Jan 31, 2024 · 0cc1cd7 · 0cc1cd7
1 parent a5c7a68
commit 0cc1cd7
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/cylc/tree/util.js b/src/components/cylc/tree/util.js
@@ -33,5 +33,5 @@ export function getNodeChildren (node, cyclePointsOrderDesc) {
 }
 
 export function getIndent (depth) {
-  return `calc(${depth} * var(--tree-indent))`
+  return `calc(${depth} * var(--c-tree-indent))`
 }
diff --git a/src/styles/cylc/_gscan.scss b/src/styles/cylc/_gscan.scss
@@ -24,7 +24,7 @@
 }
 
 .c-gscan {
-  --tree-indent: 1rem;
+  --c-tree-indent: 1rem;
   .c-gscan-workflows {
     .c-gscan-workflow {
       .c-workflow-stopped {

diff --git a/src/styles/cylc/_tree.scss b/src/styles/cylc/_tree.scss
@@ -35,7 +35,7 @@ $visible-outputs: 5;
 $icon-width: 1.5rem;
 
 :root {
-  --tree-indent: #{$icon-width};
+  --c-tree-indent: #{$icon-width};
 }
 
 @mixin active-state() {