Рефакторинг: убрал БЭМ-нейминг из переменных

src/blocks/alert/alert.scss

@@ -24,7 +24,7 @@
     display: block;
     margin-top: 0;
     margin-bottom: 0.5rem;
-    font-size: $font-size--h3;
+    font-size: $font-size-h3;
     font-weight: 400;
     line-height: 1.2;
     color: inherit;

src/blocks/card/card.scss

@@ -55,7 +55,7 @@
   &__price {
     flex-shrink: 0;
     margin: auto 0 0;
-    font-size: $font-size--h3 + 2;
+    font-size: $font-size-h3;
     font-weight: 700;
     line-height: 1;
   }

src/blocks/field-actions/field-actions.scss

@@ -11,7 +11,7 @@
     display: block;
     margin-top: $typo-margin-vertical;
     margin-bottom: $typo-margin-vertical;
-    font-size: $font-size--small;
+    font-size: $font-size-sm;
     color: $text-color--muted;
     line-height: 1.2em;
   }

src/blocks/field-select/field-select.scss

@@ -160,7 +160,7 @@
 
   &__heading {
     padding: $field-padding-vertical $field-padding-horizontal;
-    font-size: $font-size--small;
+    font-size: $font-size-sm;
     font-weight: 700;
     opacity: 0.5;
     cursor: default;

src/blocks/form/form.scss

@@ -21,7 +21,7 @@
     max-width: 100%; // Привет IE
     margin-top: 0;
     margin-bottom: $typo-margin-vertical;
-    font-size: $font-size--h3;
+    font-size: $font-size-h3;
     font-family: $font-family;
     font-weight: 700;
     line-height: $line-height;

src/blocks/label/label.scss

@@ -14,7 +14,7 @@
   text-decoration: none;
   text-transform: none;
   font-weight: 700;
-  font-size: $font-size--small;
+  font-size: $font-size-sm;
   white-space: nowrap;
   border-radius: $border-radius;
 

src/blocks/modal/modal.scss

@@ -63,7 +63,7 @@
   &__title {
     margin-top: 0.5em;
     margin-bottom: 0.5em;
-    font-size: $font-size--h4;
+    font-size: $font-size-h4;
     line-height: 1.2;
     font-weight: 700;
     color: currentColor;

src/blocks/or/or.scss

@@ -17,7 +17,7 @@
   &__inner {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
-    font-size: $font-size--small;
+    font-size: $font-size-sm;
     color: $gray-light;
   }
 }

src/blocks/page/page.scss

@@ -202,12 +202,12 @@ h6 {
   color: currentColor;
 }
 
-h1 { font-size: $font-size--h1; }
-h2 { font-size: $font-size--h2; }
-h3 { font-size: $font-size--h3; }
-h4 { font-size: $font-size--h4; }
-h5 { font-size: $font-size--h5; }
-h6 { font-size: $font-size--h6; }
+h1 { font-size: $font-size-h1; }
+h2 { font-size: $font-size-h2; }
+h3 { font-size: $font-size-h3; }
+h4 { font-size: $font-size-h4; }
+h5 { font-size: $font-size-h5; }
+h6 { font-size: $font-size-h6; }
 
 p,
 ul,
@@ -260,12 +260,12 @@ li {
 
 // .small,
 small {
-  font-size: $font-size--small;
+  font-size: $font-size-sm;
 }
 
 sub,
 sup {
-  font-size: $font-size--small;
+  font-size: $font-size-sm;
 }
 
 // .mark,

src/blocks/table-responsive/table-responsive.scss

@@ -15,7 +15,7 @@
     border: 1px solid $border-color;
     border-bottom: 0;
     padding: 0.4em $field-padding-horizontal;
-    font-size: $font-size--small;
+    font-size: $font-size-sm;
     line-height: 1em;
     color: $text-color--muted;
   }

src/blocks/table/table.scss

@@ -30,7 +30,7 @@
   //   text-align: left;
   //   padding: 0.4rem $field-padding-horizontal;
   //   border-bottom: 1px solid $border-color;
-  //   font-size: $font-size--small;
+  //   font-size: $font-size-sm;
   //   line-height: 1em;
   //   color: $text-color--muted;
   // }

src/scss/mixins/form-mixins.scss

 @mixin field-help-text {
-  $text-color--muted:         hsl(0, 0%, 50%) !default;
-  $font-size--small:          0.75em !default;
-
   display: block;
   padding-top: 0.4em;
-  font-size: $font-size--small;
+  font-size: $font-size-sm;
   line-height: 1.2em;
   color: $text-color--muted;
 
@@ -15,17 +12,12 @@
 
 
 @mixin field-focus {
-  $color-main:                hsl(208, 98%, 43%) !default;
-  $opacity:                   0.7 !default;
-
   outline: 0;
   box-shadow: 0 0 0 2px rgba($color-main, $opacity);
 }
 
 
 @mixin field-name {
-  $line-height:                 1.375em !default;
-
   display: block;
   margin-bottom: 0.4em;
   line-height: $line-height;

src/scss/variables.scss

@@ -41,14 +41,14 @@ $border-color:                $gray-lighten;
 
 $font-size:                   16px;
 
-$font-size--h1:               40px;
-$font-size--h2:               32px;
-$font-size--h3:               24px;
-$font-size--h4:               18px;
-$font-size--h5:               16px;
-$font-size--h6:               16px;
-
-$font-size--small:            80%;
+$font-size-h1:                40px;
+$font-size-h2:                32px;
+$font-size-h3:                24px;
+$font-size-h4:                18px;
+$font-size-h5:                16px;
+$font-size-h6:                16px;
+
+$font-size-sm:                0.75em; // 12px от 16px
 
 $line-height:                 1.5;