Update quote and chat block style

This commit is contained in:
Gabriel Arazas 2023-05-19 13:01:32 +08:00
parent 0a48343eb7
commit 46f2d8c05a
No known key found for this signature in database
GPG Key ID: ADE0C41DAB221FCC

View File

@ -1,6 +1,10 @@
// Asciidoctor-specific styles // Asciidoctor-specific styles
@import "roles"; @import "roles";
:root {
--mark-border-style: 0.5em var(--base05) solid;
}
.anchor { .anchor {
&::before { &::before {
content: "§"; content: "§";
@ -17,7 +21,7 @@
.quoteblock { .quoteblock {
border: var(--border-style); border: var(--border-style);
border-left: 0.5em var(--base05) solid; border-left: var(--mark-border-style);
blockquote { blockquote {
margin: auto; margin: auto;
@ -240,6 +244,7 @@ p {
&__box { &__box {
align-items: center; align-items: center;
border: var(--border-style); border: var(--border-style);
border-left: var(--mark-border-style);
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
gap: 1em; gap: 1em;
@ -282,6 +287,8 @@ p {
&.reversed { &.reversed {
flex-direction: row-reverse; flex-direction: row-reverse;
margin-left: auto; margin-left: auto;
border-left: var(--border-style);
border-right: var(--mark-border-style);
} }
} }