PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-01-20 06:37:59 +01:00
Code Issues Projects Releases Packages Wiki Activity

improve the looks of blockquotes when nested a lot

Browse source
This commit is contained in:
Luna D 2021-09-20 20:24:44 +02:00
parent 4e9cde610a
commit 4938892011
No known key found for this signature in database
GPG key ID: 81AF416F2CC36FC8
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/css/common/_base.scss
View file

@ -210,6 +210,20 @@ blockquote {
background-color: inherit; 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 { .spoiler {
background-color: $admin_links_hover_color; background-color: $admin_links_hover_color;
color: $admin_links_hover_color; color: $admin_links_hover_color;