Update and document use of `small` in headings

1 files changed, 17 insertions, 16 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 3d7e7e007..37d7bd022 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -491,6 +491,12 @@ h3 {
   margin-bottom: 10px;
 }
 
+h1 small,
+h2 small,
+h3 small {
+  font-size: 65%;
+}
+
 h4,
 h5,
 h6 {
@@ -498,6 +504,12 @@ h6 {
   margin-bottom: 10px;
 }
 
+h4 small,
+h5 small,
+h6 small {
+  font-size: 75%;
+}
+
 h1,
 .h1 {
   font-size: 36px;
@@ -528,22 +540,11 @@ h6,
   font-size: 12px;
 }
 
-h1 small,
-.h1 small {
-  font-size: 24px;
-}
-
-h2 small,
-.h2 small {
-  font-size: 18px;
-}
-
-h3 small,
-.h3 small,
-h4 small,
-.h4 small {
-  font-size: 14px;
-}
+/*h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px
+h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px
+h3 small, .h3 small,
+h4 small, .h4 small { font-size: @font-size-base; }
+*/
 
 .page-header {
   padding-bottom: 9px;