trwnh.com/unified.test.hugo/assets/styles/components/quote-block.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: '— ';
		}
	}
}