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:
parent
cf52b9efc2
commit
53f0fdf1a8
|
@ -21,18 +21,45 @@
|
|||
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;
|
||||
}
|
||||
|
||||
: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;
|
||||
}
|
||||
|
||||
: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;
|
||||
}
|
||||
|
||||
: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 {
|
||||
color: var(--very-deemphasized-text-color);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue