Add separate color for <strong> tag

conedevelopment · Nov 29, 2023 · 0373518 · 0373518
1 parent 4745579
commit 0373518
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/preview/assets/scss/config/_dark-colors.scss b/preview/assets/scss/config/_dark-colors.scss
@@ -24,6 +24,7 @@ $colors: (
     'marker': $color-primary,
     'primary': $color-primary,
     'secondary': $color-secondary,
+    'strong': $color-white,
     'text': $color-gray,
   ),
   'btn': (

diff --git a/preview/pug/assets/data.json b/preview/pug/assets/data.json
@@ -87,6 +87,11 @@
       "value": "$color-secondary",
       "bordered": "false"
     },
+    {
+      "name": "strong",
+      "value": "$color-black",
+      "bordered": "false"
+    },
     {
       "name": "text",
       "value": "$color-gray",

diff --git a/scss/config/_color.scss b/scss/config/_color.scss
@@ -33,6 +33,7 @@ $colors: map.deep-merge(
       'marker': $color-primary,
       'primary': $color-primary,
       'secondary': $color-secondary,
+      'strong': $color-black,
       'text': $color-gray,
     ),
     'btn': (

diff --git a/scss/element/_typography.scss b/scss/element/_typography.scss
@@ -144,6 +144,10 @@
     padding: config('inline-padding', $typography);
   }
 
+  strong {
+    color: color('strong');
+  }
+
   .lead {
     font-size: config('font-size-lead', $typography);
   }