diff --git a/source/_imports/elements/html-elements.css b/source/_imports/elements/html-elements.css
index 816fd79cf..5f999fc3c 100755
--- 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
index 7100a0439..f03cd1c17 100644
--- 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 */
}