superhero: build sass for #535

superhero/_bootswatch.scss

@@ -10,7 +10,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !defa
 .navbar {
   @include box-shadow(none);
   border: none;
-  font-size: 12px;
+  font-size: $font-size-small;
 
   &-default {
 
@@ -41,7 +41,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !defa
 
   &-sm,
   &-xs {
-    font-size: 12px;
+    font-size: $font-size-small;
   }
 }
 
@@ -83,7 +83,7 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !defa
   @include box-shadow(none);
 
   > li > a {
-    font-size: 12px;
+    font-size: $font-size-small;
   }
 }
 
@@ -92,14 +92,14 @@ $web-font-path: "https://fonts.googleapis.com/css?family=Lato:300,400,700" !defa
 }
 
 .dropdown-header {
-  font-size: 12px;
+  font-size: $font-size-small;
 }
 
 // Tables =====================================================================
 
 table,
 .table {
-  font-size: 12px;
+  font-size: $font-size-small;
 
   a:not(.btn) {
     color: #fff;
@@ -135,7 +135,7 @@ label,
 .radio label,
 .checkbox label,
 .help-block {
-  font-size: 12px;
+  font-size: $font-size-small;
 }
 
 .input-addon,

superhero/_variables.scss

@@ -51,7 +51,7 @@ $font-family-base:        $font-family-sans-serif !default;
 
 $font-size-base:          15px !default;
 $font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
-$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px
+$font-size-small:         12px !default;
 
 $font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
 $font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px