diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-02-18 12:57:04 +0100 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-04-08 14:35:14 +0200 |
| commit | af770d61b755011ef1bea6805ae50b5b5eb03ac7 (patch) | |
| tree | 9de5191bf0af5cea576109b284951eb9a108928c /core | |
| parent | ff2100a4e515988d3ba44c7cfe734d19a6b4b377 (diff) | |
| download | nextcloud-server-af770d61b755011ef1bea6805ae50b5b5eb03ac7.tar.gz nextcloud-server-af770d61b755011ef1bea6805ae50b5b5eb03ac7.zip | |
fix(styles): Adjust heading styles
Make headings look like real headings and not just ordinary text.
The stylings are copied from the text app where a design review was done on them.
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/apps.scss | 34 |
1 files changed, 24 insertions, 10 deletions
diff --git a/core/css/apps.scss b/core/css/apps.scss index 8006f0fa4fd..1efda76ebb1 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -59,28 +59,42 @@ body { /* BASE STYLING ------------------------------------------------------------ */ // no h1 allowed since h1 = logo -h2 { - font-weight: bold; - font-size: 20px; +h2, +h3, +h4, +h5, +h6 { + font-weight: 600; + line-height: 1.5; + margin-top: 24px; margin-bottom: 12px; - line-height: 30px; - color: var(--color-text-light); + color: var(--color-main-text); +} + +h2 { + font-size: 30px; } h3 { - font-size: 16px; - margin: 12px 0; - color: var(--color-text-light); + font-size: 26px; } h4 { - font-size: 14px; + font-size: 23px; +} + +h5 { + font-size: 20px; +} + +h6 { + font-size: 17px; } /* do not use italic typeface style, instead lighter color */ em { font-style: normal; - color: var(--color-text-lighter); + color: var(--color-text-maxcontrast); } dl { |