33 lines
620 B
SCSS
33 lines
620 B
SCSS
|
.quote-block {
|
||
|
|
background: var(--ui-overlay-transparent);
|
||
|
|
border-inline-start: 0.5em solid var(--ui-overlay);
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding-inline: 1.5em;
|
||
|
|
padding-block: 1.5em;
|
||
|
|
position: relative;
|
||
|
|
border-radius: 0.5em;
|
||
|
|
&__icon {
|
||
|
|
font-size: 2em;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
inset-inline-start: -0.375em;
|
||
|
|
inset-block-start: -0.1725em;
|
||
|
|
}
|
||
|
|
&__content {
|
||
|
|
margin: 0;
|
||
|
|
> *:first-child {
|
||
|
|
margin-block-start: 0;
|
||
|
|
}
|
||
|
|
> *:last-child {
|
||
|
|
margin-block-end: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
footer:before {
|
||
|
|
content: '— ';
|
||
|
|
}
|
||
|
|
footer .u-url {
|
||
|
|
display: inline-block;
|
||
|
|
margin-block-start: 1em;
|
||
|
|
padding-inline: 0;
|
||
|
|
}
|
||
|
|
}
|