X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/5cfb7b8de4f34712b90eec79be48e355be29ff2c..refs/pull/363/head:/resources/assets/sass/_text.scss diff --git a/resources/assets/sass/_text.scss b/resources/assets/sass/_text.scss index 8bf09a626..a74a81647 100644 --- a/resources/assets/sass/_text.scss +++ b/resources/assets/sass/_text.scss @@ -15,31 +15,41 @@ h2 { margin-bottom: 0.43137255em; } h3 { - font-size: 1.75em; - line-height: 1.571428572em; + font-size: 2.333em; + line-height: 1.221428572em; margin-top: 0.78571429em; margin-bottom: 0.43137255em; } h4 { - font-size: 1em; + font-size: 1.666em; line-height: 1.375em; margin-top: 0.78571429em; margin-bottom: 0.43137255em; } -h1, h2, h3, h4 { +h1, h2, h3, h4, h5, h6 { font-weight: 400; position: relative; display: block; color: #555; .subheader { - //display: block; font-size: 0.5em; line-height: 1em; color: lighten($text-dark, 32%); } } +h5 { + font-size: 1.4em; +} + +h5, h6 { + font-weight: 500; + line-height: 1.2em; + margin-top: 0.78571429em; + margin-bottom: 0.66em; +} + /* * Link styling */ @@ -61,6 +71,13 @@ a, .link { padding-right: 0; padding-left: $-s; } + &.icon { + display: inline-block; + } + svg { + position: relative; + display: inline-block; + } } /* @@ -74,7 +91,6 @@ p, ul, ol, pre, table, blockquote { hr { border: 0; height: 1px; - border: 0; background: #EAEAEA; margin-bottom: $-l; &.faded { @@ -99,6 +115,9 @@ em, i, .italic { small, p.small, span.small, .text-small { font-size: 0.8em; color: lighten($text-dark, 20%); + small, p.small, span.small, .text-small { + font-size: 1em; + } } sup, .superscript { @@ -106,6 +125,11 @@ sup, .superscript { font-size: 0.8em; } +sub, .subscript { + vertical-align: sub; + font-size: 0.8em; +} + pre { font-family: monospace; white-space:pre; @@ -162,6 +186,7 @@ pre code { background-color: transparent; border: 0; font-size: 1em; + display: block; } /* * Text colors @@ -183,7 +208,7 @@ p.neg, p .neg, span.neg, .text-neg { p.muted, p .muted, span.muted, .text-muted { color: lighten($text-dark, 26%); &.small, .small { - color: lighten($text-dark, 42%); + color: lighten($text-dark, 32%); } } @@ -256,6 +281,14 @@ ol { overflow: hidden; } +li.checkbox-item { + list-style: none; + margin-left: - ($-m * 1.3); + input[type="checkbox"] { + margin-right: $-xs; + } +} + /* * Generic text styling classes */