refactor(text-muted): use opacity to adapt to dark/light backgrounds

Orange-OpenSource · May 14, 2020 · 0f081b6 · 0f081b6
1 parent 2113f55
commit 0f081b6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -388,10 +388,16 @@ $utilities: map-merge(
         "light": $light,
         "white": $white,
         "body": $body-color,
-        "muted": $text-muted,
         "reset": inherit,
       )
     ),
+    "muted": (
+      property: opacity,
+      class: text,
+      values: (
+        "muted": .6
+      )
+    ),
     "line-height": (
       property: line-height,
       class: lh,

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -465,9 +465,6 @@ $small-font-size:             .875em !default;
 
 $sub-sup-font-size:           .75em !default;
 
-$text-muted:                  $gray-700 !default;
-//$text-muted-dark:             $gray-600 !default; // Boosted mod
-
 $initialism-font-size:        $small-font-size !default;
 
 $blockquote-small-color:      $gray-700 !default;