78 lines
No EOL
2.9 KiB
SCSS
78 lines
No EOL
2.9 KiB
SCSS
.quote-block {
|
|
padding: 1em;
|
|
box-sizing: border-box;
|
|
background: var(--ui-overlay-transparent);
|
|
&__header {
|
|
|
|
}
|
|
&__attribution {
|
|
margin: 0;
|
|
display: inline-flex;
|
|
}
|
|
&__card {
|
|
display: inline-grid;
|
|
place-items: center;
|
|
}
|
|
&__author {
|
|
display: inline-grid;
|
|
place-items: center;
|
|
a {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
}
|
|
&__prepend {
|
|
margin-block: 0;
|
|
}
|
|
&__postpend {
|
|
display: inline-grid;
|
|
align-items: center;
|
|
white-space: pre;
|
|
}
|
|
&__content {
|
|
blockquote {
|
|
margin: 0;
|
|
> *:first-child {
|
|
margin-block-start: 0;
|
|
}
|
|
> *:last-child {
|
|
margin-block-end: 0;
|
|
}
|
|
}
|
|
position: relative;
|
|
// &:before {
|
|
// content: '';
|
|
// mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE5ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTY2NCAxNDA4Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTc2OCA4MzJ2Mzg0cTAgODAtNTYgMTM2dC0xMzYgNTZIMTkycS04MCAwLTEzNi01NlQwIDEyMTZWNTEycTAtMTA0IDQwLjUtMTk4LjVUMTUwIDE1MFQzMTMuNSA0MC41VDUxMiAwaDY0cTI2IDAgNDUgMTl0MTkgNDV2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5aC02NHEtMTA2IDAtMTgxIDc1dC03NSAxODF2MzJxMCA0MCAyOCA2OHQ2OCAyOGgyMjRxODAgMCAxMzYgNTZ0NTYgMTM2bTg5NiAwdjM4NHEwIDgwLTU2IDEzNnQtMTM2IDU2aC0zODRxLTgwIDAtMTM2LTU2dC01Ni0xMzZWNTEycTAtMTA0IDQwLjUtMTk4LjVUMTA0NiAxNTB0MTYzLjUtMTA5LjVUMTQwOCAwaDY0cTI2IDAgNDUgMTl0MTkgNDV2MTI4cTAgMjYtMTkgNDV0LTQ1IDE5aC02NHEtMTA2IDAtMTgxIDc1dC03NSAxODF2MzJxMCA0MCAyOCA2OHQ2OCAyOGgyMjRxODAgMCAxMzYgNTZ0NTYgMTM2Ii8+PC9zdmc+);
|
|
// background-color: currentColor;
|
|
// mask-repeat: no-repeat;
|
|
// position: absolute;
|
|
// inset-inline-start: -0.5em;
|
|
// inset-block-start: -0em;
|
|
// display: block;
|
|
// inline-size: 100%;
|
|
// block-size: 100%;
|
|
// pointer-events: none;
|
|
// opacity: 0.5;
|
|
// }
|
|
// &:after {
|
|
// content: '';
|
|
// background-color: currentColor;
|
|
// mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE5ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTY2NCAxNDA4Ij48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTc2OCAxOTJ2NzA0cTAgMTA0LTQwLjUgMTk4LjVUNjE4IDEyNTh0LTE2My41IDEwOS41VDI1NiAxNDA4aC02NHEtMjYgMC00NS0xOXQtMTktNDV2LTEyOHEwLTI2IDE5LTQ1dDQ1LTE5aDY0cTEwNiAwIDE4MS03NXQ3NS0xODF2LTMycTAtNDAtMjgtNjh0LTY4LTI4SDE5MnEtODAgMC0xMzYtNTZUMCA1NzZWMTkycTAtODAgNTYtMTM2VDE5MiAwaDM4NHE4MCAwIDEzNiA1NnQ1NiAxMzZtODk2IDB2NzA0cTAgMTA0LTQwLjUgMTk4LjVUMTUxNCAxMjU4dC0xNjMuNSAxMDkuNVQxMTUyIDE0MDhoLTY0cS0yNiAwLTQ1LTE5dC0xOS00NXYtMTI4cTAtMjYgMTktNDV0NDUtMTloNjRxMTA2IDAgMTgxLTc1dDc1LTE4MXYtMzJxMC00MC0yOC02OHQtNjgtMjhoLTIyNHEtODAgMC0xMzYtNTZ0LTU2LTEzNlYxOTJxMC04MCA1Ni0xMzZ0MTM2LTU2aDM4NHE4MCAwIDEzNiA1NnQ1NiAxMzYiLz48L3N2Zz4=);
|
|
// mask-repeat: no-repeat;
|
|
// position: absolute;
|
|
// display: block;
|
|
// inline-size: 100%;
|
|
// block-size: 100%;
|
|
// inset-inline-end: 0em;
|
|
// inset-block-end: 0em;
|
|
// mask-position: bottom right;
|
|
// pointer-events: none;
|
|
// opacity: 0.5;
|
|
// }
|
|
}
|
|
&__footer {
|
|
&:before {
|
|
content: '— ';
|
|
}
|
|
}
|
|
} |