From 615bfe8c16deee3d3f5fca597fde9a1b08c582b0 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 e87793104..ed3bbb0d4 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -735,7 +735,7 @@ h1, h2 { - font-weight: 500; + font-weight: 700; font-size: 18px; } @@ -743,14 +743,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, @@ -761,6 +773,10 @@ ul, ol { margin-left: 1em; + + p { + margin: 0; + } } ul {