fix: Fix the style of blockquotes, ul and li in toots (#1348)

* Fix the style of blockquotes, ul and li in toots

* fixup based on review comments

fixes #1324
This commit is contained in:
Louise de Beaufort 2019-07-22 00:31:05 +02:00 committed by Nolan Lawson
parent cf52b9efc2
commit 53f0fdf1a8

View file

@ -21,18 +21,45 @@
display: block; display: block;
} }
:global(.status-content p) { :global(.status-content li) {
font-size: 1.3em;
}
:global(
.status-content p,
.status-content blockquote,
.status-content ul,
.status-content ol) {
margin: 0 0 20px; margin: 0 0 20px;
} }
:global(.status-content p:first-child) { :global(
.status-content p:first-child,
.status-content blockquote:first-child,
.status-content ul:first-child,
.status-content ol:first-child) {
margin: 0 0 20px; margin: 0 0 20px;
} }
:global(.status-content p:last-child) { :global(
.status-content p:last-child,
.status-content blockquote:last-child,
.status-content ul:last-child,
.status-content ol:last-child) {
margin: 0; margin: 0;
} }
:global(.status-content blockquote) {
padding-left: 1.5rem;
border-left: 5px solid var(--body-bg);
color: var(--very-deemphasized-text-color);
font-style: italic;
}
:global(.status-content ul, .status-content ol) {
padding-left: 2rem;
}
.status-content.status-in-notification { .status-content.status-in-notification {
color: var(--very-deemphasized-text-color); color: var(--very-deemphasized-text-color);
} }