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 */ }