fix(markdown): fixed markdown tokens initialization (#291)

koobiq · Sep 17, 2024 · 3528e93 · 3528e93
1 parent be19c9e
commit 3528e93
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/components/core/styles/_koobiq-theme.scss b/packages/components/core/styles/_koobiq-theme.scss
@@ -6,6 +6,7 @@
 @use 'theming/scrollbar-theme' as *;
 
 @use '../../link/link-theme' as *;
+@use '../../markdown/markdown-theme' as *;
 @use '../../progress-bar/progress-bar-theme' as *;
 @use '../../progress-spinner/progress-spinner-theme' as *;
 @use '../../radio/radio-theme' as *;
@@ -30,6 +31,7 @@
     @include kbq-highlight-theme();
     // link is a directive, so styles for it should be applied globally
     @include kbq-link-theme();
+    @include kbq-markdown-theme();
     @include kbq-option-theme($theme);
     @include kbq-optgroup-theme($theme);
     @include kbq-option-action-theme($theme);
@@ -53,6 +55,7 @@
 
     @include kbq-base-typography();
     @include kbq-markdown-base-typography();
+    @include kbq-markdown-typography();
 
     @include kbq-forms-typography($config);
     @include kbq-option-typography($config);

diff --git a/packages/components/markdown/_markdown-theme.scss b/packages/components/markdown/_markdown-theme.scss
@@ -1,5 +1,7 @@
 @use '../core/styles/common/tokens' as *;
 
+@use './markdown-tokens';
+
 @mixin kbq-markdown-theme() {
     .kbq-markdown {
         color: kbq-css-variable(foreground-contrast);

diff --git a/packages/components/markdown/markdown.scss b/packages/components/markdown/markdown.scss
@@ -1,7 +1,5 @@
 @use '../core/styles/common/tokens' as *;
 
-@use './markdown-theme' as *;
-
 .kbq-markdown {
     display: block;
 
@@ -198,6 +196,3 @@
 .docs-live-example.kbq-markdown {
     margin-bottom: 128px;
 }
-
-@include kbq-markdown-theme();
-@include kbq-markdown-typography();