MDL-40670 Theme: Rescale headings overriding bootstrap defaults

theme/bootstrapbase/less/moodle.less

@@ -17,6 +17,9 @@
 // Upstream Bootstrap.
 @import "bootstrap/bootstrap";
 
+// Override Bootstrap defaults.
+@import "moodle/bootstrapoverride";
+
 // Set image location.
 @iconSpritePath:          ~"[[pix:theme|glyphicons-halflings]]";
 @iconWhiteSpritePath:     ~"[[pix:theme|glyphicons-halflings-white]]";
@@ -27,7 +30,6 @@
 @horizontalComponentOffset980: 220px;
 @horizontalComponentOffset1200: 265px;
 
-
 // Roll back nameclashes.
 @import "moodle/undo";
 

theme/bootstrapbase/less/moodle/bootstrapoverride.less

@@ -0,0 +1,19 @@
+/**
+ * bootstrapoverride.less
+ *
+ * This file is meant to contain rules which specifically override
+ * rules defined in Bootstrap.
+*/
+
+/** Headings **/
+h1 { font-size: round(@baseFontSize * 2.30); } // ~32px
+h2 { font-size: round(@baseFontSize * 2.00); } // ~28px
+h3 { font-size: round(@baseFontSize * 1.70); } // ~24px
+h4 { font-size: round(@baseFontSize * 1.40); } // ~20px
+h5 { font-size: round(@baseFontSize * 1.15); } // ~16px
+h6 { font-size: round(@baseFontSize * 0.85); } // ~12px
+
+h1 small { font-size: round(@baseFontSize * 1.70); } // ~24px
+h2 small { font-size: round(@baseFontSize * 1.40); } // ~20px
+h3 small { font-size: round(@baseFontSize * 1.15); } // ~16px
+h4 small { font-size: round(@baseFontSize * 0.85); } // ~12px