fix: storybook docs mode

gravity-ui · Jan 29, 2024 · 5a0e461 · 5a0e461
1 parent 7366c9b
commit 5a0e461
Showing 1 changed file with 10 additions and 9 deletions.
diff --git a/src/demo/DocsDecorator/DocsDecorator.scss b/src/demo/DocsDecorator/DocsDecorator.scss
@@ -1,3 +1,4 @@
+@use '../../components/variables';
 @use '../../../styles/mixins';
 
 $offset-xs: 4px;
@@ -9,8 +10,8 @@ $root: '.docs-decorator';
 
 #{$root}#{$root}#{$root}#{$root}#{$root} {
     p,
-    li:not([class*='yc-']):not([class*='g-']),
-    a:not([class*='yc-']):not([class*='g-']) {
+    li:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']),
+    a:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) {
         @include mixins.text-body-2;
     }
 
@@ -23,8 +24,8 @@ $root: '.docs-decorator';
     }
 
     p,
-    ul:not([class*='yc-']):not([class*='g-']),
-    ol:not([class*='yc-']):not([class*='g-']) {
+    ul:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']),
+    ol:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) {
         margin: $offset-xs 0;
 
         & + p,
@@ -34,12 +35,12 @@ $root: '.docs-decorator';
         }
     }
 
-    li + li:not([class*='yc-']):not([class*='g-']) {
+    li + li:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) {
         margin-top: $offset-xs;
     }
 
-    ul:not([class*='yc-']):not([class*='g-']),
-    ol:not([class*='yc-']):not([class*='g-']) {
+    ul:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']),
+    ol:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) {
         padding-left: $offset-m;
     }
 
@@ -64,7 +65,7 @@ $root: '.docs-decorator';
         margin-bottom: $offset-m;
     }
 
-    a:not([class*='yc-']):not([class*='g-']) {
+    a:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) {
         text-decoration: none;
         touch-action: manipulation;
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -78,7 +79,7 @@ $root: '.docs-decorator';
     }
 
     p code,
-    li:not([class*='yc-']):not([class*='g-']) code {
+    li:not([class*='#{variables.$ns}']):not([class*='#{variables.$ns-new}']) code {
         @include mixins.text-code-inline-2;
         line-height: 1;
         padding: 1px 4px;