From 619945045ffd4ad6591a1bbcd9ecb97087f457c8 Mon Sep 17 00:00:00 2001 From: Thibaut Girka Date: Wed, 24 Apr 2019 20:55:01 +0200 Subject: [PATCH] Improve styling of rich text - Increase font weight of headers and bold text - Increase blockquote's contrast - Avoid some extra margins --- .../styles/mastodon/components.scss | 24 +++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 120d0d868..26656b395 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -697,7 +697,7 @@ h1, h2 { - font-weight: 500; + font-weight: 700; font-size: 18px; } @@ -705,14 +705,26 @@ font-size: 16px; } + h3, + h4, + h5 { + font-weight: 500; + } + blockquote { - margin-left: 20px; - color: $dark-text-color; + padding-left: 10px; + border-left: 3px solid $darker-text-color; + color: $darker-text-color; + white-space: normal; + + p:last-child { + margin-bottom: 0; + } } b, strong { - font-weight: 500; + font-weight: 700; } em, @@ -723,6 +735,10 @@ ul, ol { margin-left: 1em; + + p { + margin: 0; + } } ul {