trwnh.com/unified.test.hugo/assets/styles/layouts/_default/_markup/render-blockquote.scss

40 lines
No EOL
780 B
SCSS

figure.blockquote {
margin-block: 2em;
margin-inline: 0;
width: 100%;
blockquote {
font-style: italic;
font-size: 1em;
margin: 1em 0;
border-inline-start: 0.4em solid var(--ui-overlay);
padding-inline: 1.5em;
background: var(--ui-overlay-transparent);
padding-block: 1em;
line-height: 1.4;
position: relative;
border-radius: 0.5em;
> .quote-mark {
font-size: 2em;
position: absolute;
left: -0.275em;
top: -0.1625em;
}
> .info-mark {
font-size: 2em;
position: absolute;
left: -0.275em;
top: -0.1em;
}
.alert-title {
font-weight: bold;
font-size: 1em;
margin-top: -0.5em;
margin-left: 0.25em;
padding-inline: 1em;
background: var(--ui-overlay);
}
}
blockquote ~ figcaption {
padding-inline: 1em;
}
}