refactor: replace --highlighted with __card

dfinity · Dec 27, 2023 · 66b4897 · 66b4897
1 parent f91b085
commit 66b4897
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/lib/styles/global/utility-classes.scss b/src/lib/styles/global/utility-classes.scss
@@ -44,11 +44,13 @@
 
   padding: var(--padding-2x);
   border-radius: var(--border-radius);
+}
 
-  &--highlighted {
-    background: var(--card-background-disabled);
-    color: var(--description-color);
-  }
+.content-cell-island__card {
+  @extend .content-cell-island;
+
+  background: var(--island-card-background);
+  color: var(--description-color);
 }
 
 // Spacing

diff --git a/src/routes/(page)/utility-classes/cells/+page.md b/src/routes/(page)/utility-classes/cells/+page.md
@@ -51,8 +51,8 @@ Some pre-defined utilities to set spaces for grid's cells.
         <div class="content-cell-details">
             <DocsLoremIpsum length={1} />
 
-            <div class="content-cell-island content-cell-island--highlighted">
-                <code>class="content-cell-island content-cell-island--highlighted"</code>
+            <div class="content-cell-island__card">
+                <code>class="content-cell-island__card"</code>
                 <DocsLoremIpsum length={1} />
             </div>