feat(ECEP-114): tweak typography

tested in TACC/Core-CMS#464
TACC · Apr 25, 2022 · 461ea7e · 461ea7e
1 parent 847d0e2
commit 461ea7e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/source/_imports/elements/html-elements.css b/source/_imports/elements/html-elements.css
@@ -74,16 +74,21 @@ h1 {
 h2 {
   font-size: var(--global-font-size--xx-large);
 }
+h3, h4, h5, h6 {
+  margin-bottom: 15px; /* overwrite Bootstrap */
+}
 h3 {
   font-size: var(--global-font-size--x-large);
-  margin-bottom: 15px; /* overwrite Bootstrap */
 }
-h4, h5, h6 {
-  font-size: var(--global-font-size--small);
-  margin-bottom: 7px; /* overwrite Bootstrap */
-
+h4 {
+  font-size: var(--global-font-size--large);
+}
+h4, h5 {
   text-transform: uppercase;
 }
+h5, h6 {
+  font-size: var(--global-font-size--medium);
+}
 
 
 
@@ -105,6 +110,8 @@ Reference:
 Styleguide Elements.TextContent
 */
 
+/* Lists */
+
 ol, ul,
 dl dl /* Treat nested definition lists like other nested lists */ {
   padding-left: var(--global-space--list-indent);
@@ -118,6 +125,16 @@ dt {
   font-weight: initial; /* overwrite Bootstrap */
 }
 
+li {
+  line-height: 1.6;
+}
+
+/* Misc. */
+
+hr {
+  margin-block: var(--global-space--hr-margin);
+}
+
 
 
 

diff --git a/source/_imports/settings/props.space.css b/source/_imports/settings/props.space.css
@@ -32,4 +32,5 @@ Styleguide Settings.CustomProperties.Space
 
   --global-space--list-indent: 40px;   /* browser default (Firefox, Edge) */
   --global-space--grid-gap: 15px;      /* Bootstrap `.container` & `.row` */
+  --global-space--hr-margin: 30px;     /* constant unit allows consistency */
 }