From 49388920114740da26f7ac89aa5fc30349e43063 Mon Sep 17 00:00:00 2001 From: Luna D Date: Mon, 20 Sep 2021 20:24:44 +0200 Subject: [PATCH] improve the looks of blockquotes when nested a lot --- assets/css/common/_base.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/assets/css/common/_base.scss b/assets/css/common/_base.scss index a59f2309..3e1fe060 100644 --- a/assets/css/common/_base.scss +++ b/assets/css/common/_base.scss @@ -210,6 +210,20 @@ blockquote { background-color: inherit; } +// Prevent blockquote from gaining far too much indentation and breaking. +blockquote blockquote blockquote blockquote blockquote blockquote { + margin: 1em 0; + padding: 1em 2px; +} + +// Horizontal space is at a high premium on mobile. +@media (max-width: $min_px_width_for_desktop_layout) { + blockquote { + margin: 1em 4px; + padding: 1em 4px; + } +} + .spoiler { background-color: $admin_links_hover_color; color: $admin_links_hover_color;