fix(typography): conditionally remove important from utility mapping

vuetifyjs · May 8, 2020 · c11ae35 · c11ae35
1 parent 3393f40
commit c11ae35
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/vuetify/src/styles/settings/_utilities.scss b/packages/vuetify/src/styles/settings/_utilities.scss
@@ -398,6 +398,10 @@ $utilities: map-deep-merge(
         text-transform
       ),
       class: text,
+      unimportant: (
+        font-weight,
+        line-height
+      ),
       values: $typography
     )
   ),

diff --git a/packages/vuetify/src/styles/tools/_utilities.sass b/packages/vuetify/src/styles/tools/_utilities.sass
@@ -47,4 +47,8 @@
       @if type-of($value) == 'list' and length($properties) == length($value)
         $val: nth($value, $i)
       @if $val != false
-        #{$property}: $val !important
+        // Check if unimportant property exists.
+        // This allows you to conditional skip
+        // defining a property as important.
+        $unimportant: map-get($utility, unimportant)
+        #{$property}: $val if(index($unimportant, $property), null, !important)