Visual style update

1 files changed, 28 insertions, 13 deletions

diff --git a/src/typography.less b/src/typography.less
index a6843a9..567eec0 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -1,4 +1,5 @@
 // Typography
+// Headings
 h1,
 h2,
 h3,
@@ -29,15 +30,37 @@ h5 {
 h6 {
   font-size: 1.6rem;
 }
+
+// Paragraphs
 p {
   line-height: 2.4rem;
   margin: 0 0 1rem;
 }
+
+// Semantic text elements
 a,
 ins,
 u {
   text-decoration-skip: ink edges;
 }
+
+abbr[title] {
+  border-bottom: .1rem dotted;
+  cursor: help;
+  text-decoration: none;
+}
+
+kbd {
+  .label-base();
+  .label-variant(@light-color, @dark-color);
+}
+
+mark {
+  .label-base();
+  .label-variant(@body-font-color, @highlight-color);
+}
+
+// Blockquote
 blockquote {
   border-left: .2rem solid @border-color;
   margin-left: 0;
@@ -51,6 +74,8 @@ blockquote {
     color: @gray-color;
   }
 }
+
+// Lists
 ul,
 ol {
   margin: 2rem 0 2rem 2rem;
@@ -65,6 +90,7 @@ ol {
     margin-top: 1rem;
   }
 }
+
 ul {
   list-style: disc inside;
 
@@ -72,6 +98,7 @@ ul {
     list-style-type: circle;
   }
 }
+
 ol {
   list-style: decimal inside;
 
@@ -79,6 +106,7 @@ ol {
     list-style-type: lower-alpha;
   }
 }
+
 dl {
   dt {
     font-weight: bold;
@@ -87,16 +115,3 @@ dl {
     margin: .5rem 0 1.5rem 0;
   }
 }
-mark {
-  .label-base();
-  .label-variant(@body-font-color, @highlight-color);
-}
-kbd {
-  .label-base();
-  .label-variant(@light-color, @dark-color);
-}
-abbr[title] {
-  border-bottom: .1rem dotted;
-  cursor: help;
-  text-decoration: none;
-}