Switch percentage font-sizes to em and change some font sizes for consistency

MartijnCuppens · XhmikosR · commit bed2a5edabcc · 2019-08-27T23:11:06.000+03:00
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -213,7 +213,7 @@ small {
 sub,
 sup {
   position: relative;
-  @include font-size(75%);
+  @include font-size($sub-sup-font-size);
   line-height: 0;
   vertical-align: baseline;
 }
@@ -298,7 +298,7 @@ kbd {
 
   kbd {
     padding: 0;
-    @include font-size(100%);
+    @include font-size(1em);
     font-weight: $nested-kbd-font-weight;
   }
 }
diff --git a/scss/_type.scss b/scss/_type.scss
@@ -91,7 +91,7 @@
 
 // Builds on `abbr`
 .initialism {
-  @include font-size(90%);
+  @include font-size($initialism-font-size);
   text-transform: uppercase;
 }
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -332,10 +332,14 @@ $display-line-height:         $headings-line-height !default;
 $lead-font-size:              $font-size-base * 1.25 !default;
 $lead-font-weight:            300 !default;
 
-$small-font-size:             80% !default;
+$small-font-size:             .875em !default;
+
+$sub-sup-font-size:           .75em !default;
 
 $text-muted:                  $gray-600 !default;
 
+$initialism-font-size:        $small-font-size !default;
+
 $blockquote-small-color:      $gray-600 !default;
 $blockquote-small-font-size:  $small-font-size !default;
 $blockquote-font-size:        $font-size-base * 1.25 !default;
@@ -923,7 +927,7 @@ $toast-header-border-color:         rgba(0, 0, 0, .05) !default;
 
 // Badges
 
-$badge-font-size:                   75% !default;
+$badge-font-size:                   .75em !default;
 $badge-font-weight:                 $font-weight-bold !default;
 $badge-color:                       $white !default;
 $badge-padding-y:                   .25em !default;
@@ -1040,7 +1044,7 @@ $thumbnail-box-shadow:              $box-shadow-sm !default;
 
 // Figures
 
-$figure-caption-font-size:          90% !default;
+$figure-caption-font-size:          $small-font-size !default;
 $figure-caption-color:              $gray-600 !default;
 
 
@@ -1108,7 +1112,7 @@ $close-text-shadow:                 0 1px 0 $white !default;
 
 // Code
 
-$code-font-size:                    87.5% !default;
+$code-font-size:                    $small-font-size !default;
 $code-color:                        $pink !default;
 
 $kbd-padding-y:                     .2rem !default;

Original file line number	Diff line number	Diff line change
`@@ -213,7 +213,7 @@ small {`
`213`	`213`	`sub,`
`214`	`214`	`sup {`
`215`	`215`	`position: relative;`
`216`		`- @include font-size(75%);`
	`216`	`+ @include font-size($sub-sup-font-size);`
`217`	`217`	`line-height: 0;`
`218`	`218`	`vertical-align: baseline;`
`219`	`219`	`}`
`@@ -298,7 +298,7 @@ kbd {`
`298`	`298`
`299`	`299`	`kbd {`
`300`	`300`	`padding: 0;`
`301`		`- @include font-size(100%);`
	`301`	`+ @include font-size(1em);`
`302`	`302`	`font-weight: $nested-kbd-font-weight;`
`303`	`303`	`}`
`304`	`304`	`}`
Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,7 @@`
`91`	`91`
`92`	`92`	// Builds on `abbr`
`93`	`93`	`.initialism {`
`94`		`- @include font-size(90%);`
	`94`	`+ @include font-size($initialism-font-size);`
`95`	`95`	`text-transform: uppercase;`
`96`	`96`	`}`
`97`	`97`