add abbr styles, overhaul type docs section to remove lots of verbose text and put emphasis on tables and more scannable content

1 files changed, 10 insertions, 1 deletions

diff --git a/lib/type.less b/lib/type.less
index 28d893fb9..4978dd786 100644
--- a/lib/type.less
+++ b/lib/type.less
@@ -24,6 +24,7 @@ p {
 h1, h2, h3, h4, h5, h6 {
   font-weight: bold;
   color: @grayDark;
+  text-rendering: optimizelegibility;
   small {
     color: @grayLight;
   }
@@ -39,7 +40,7 @@ h2 {
   font-size: 24px;
   line-height: @baseLineHeight * 2;
   small {
-    font-size: 14px;
+    font-size: 18px;
   }
 }
 h3 {
@@ -134,6 +135,14 @@ em {
   color: @grayLight;
 }
 
+// Abbreviations and acronyms
+abbr {
+  font-size: 90%;
+  text-transform: uppercase;
+  border-bottom: 1px dotted #ddd;
+  cursor: help;
+}
+
 // Blockquotes
 blockquote {
   margin-bottom: @baseLineHeight;