Add scss module namespace to docs

kirbydesign · Jan 23, 2023 · e4bb2e1 · e4bb2e1
1 parent 0234613
commit e4bb2e1
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/apps/cookbook/src/app/showcase/colors-showcase/colors-showcase.component.html b/apps/cookbook/src/app/showcase/colors-showcase/colors-showcase.component.html
@@ -12,15 +12,17 @@
       <div class="{{ selectedColor }}-shade">Shade</div>
     </div>
     <pre class="language-css">
+@use '@kirbydesign/designsystem/scss/utils';
+
 .color-sample-example {{ '{' }}
-  background-color: get-color('{{ selectedColor }}');
-  color: get-color('{{ selectedOnColor }}');
+  background-color: utils.get-color('{{ selectedColor }}');
+  color: utils.get-color('{{ selectedOnColor }}');
 {{ '}' }}
 .color-sample-tint {{ '{' }}
-  background-color: get-color('{{ selectedColor }}-tint');
+  background-color: utils.get-color('{{ selectedColor }}-tint');
 {{ '}' }}
 .color-sample-shade {{ '{' }}
-  background-color: get-color('{{ selectedColor }}-shade');
+  background-color: utils.get-color('{{ selectedColor }}-shade');
 {{ '}' }}</pre
     >
   </div>