Badge: spacing udpate [amends #525]

USDA-FSA · Nov 22, 2021 · 57d7e8a · 57d7e8a
1 parent 3783cab
commit 57d7e8a
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/stylesheets/elements/_fsa.badge.scss b/src/stylesheets/elements/_fsa.badge.scss
@@ -6,7 +6,7 @@ $badge-spacing: ($size-base - .1rem);
     @include reset-button();
     @include font-size(0);
     cursor: default;
-    line-height: $line-height-flat;
+    line-height: $font-size-1;
     font-family: $font-sans; // brute-force to override any inheritance (e.g. within an <h1>)
     font-weight: $font-bold;
     letter-spacing: .5px;
@@ -15,7 +15,7 @@ $badge-spacing: ($size-base - .1rem);
     background-color: $marker-bgc;
     border-radius: $size-medium;
     color: $marker-text-color;
-    min-width: 19px;
+    min-width: $line-height-small - $size-base;
     text-align: center;
     padding: $badge-spacing ($badge-spacing * 2);
     box-shadow: 0 -1px 0 adjust-color($color-fsa-tertiary, $alpha: -0.75) inset;
@@ -73,14 +73,14 @@ $badge-spacing: ($size-base - .1rem);
 
   &--large {
     @include font-size(3);
-    line-height: $line-height-flat;
-    min-width: 24px;
+    line-height: $font-size-3 + .1rem;
+    min-width: $line-height-small;
   }
 
   &--extra-large {
     @include font-size(4);
-    line-height: $line-height-small;
-    min-width: 36px;
+    line-height: $font-size-4 + .2rem;
+    min-width: $line-height-medium;
   }
 
   &[disabled] {