golden hour

/var/www/html/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote

File/Folder	Size	Actions
_editor.scss	2.04 KB
_style.scss	2.08 KB

Edit: _editor.scss

.wp-block-pullquote {
	padding: calc(2 * var(--global--spacing-unit)) 0;
	text-align: center;
	border-width: var(--pullquote--border-width);
	border-bottom-style: solid;
	border-top-style: solid;
	color: currentColor;
	border-color: currentColor;
	position: relative;

blockquote::before {
		color: currentColor;
		content: "\201C";
		display: block;
		position: relative; // Override the absolute position.
		left: 0;
		font-size: 3rem;
		font-weight: 500;
		line-height: 1;
	}

p {
		font-family: var(--pullquote--font-family);
		font-size: var(--pullquote--font-size);
		font-style: var(--pullquote--font-style);
		font-weight: 700;
		letter-spacing: var(--pullquote--letter-spacing);
		line-height: var(--pullquote--line-height);
		margin: 0;
	}

a {
		color: currentColor;
	}

.wp-block-pullquote__citation,
	cite,
	footer {
		font-size: var(--global--font-size-xs);
		font-style: var(--pullquote--font-style);
		text-transform: none;
	}

// Block Options
	&:not(.is-style-solid-color) {
		background: none;
	}

&.is-style-solid-color {
		margin-left: auto;
		margin-right: auto;
		padding: calc(2.5 * var(--global--spacing-unit));
		border-width: var(--pullquote--border-width);
		border-style: solid;
		border-color: var(--pullquote--border-color);

@media ( min-width: 600px ) {
			padding: calc(5 * var(--global--spacing-unit));
		}

blockquote::before {
			text-align: left;
		}

&.alignleft blockquote,
		&.alignright blockquote {
			padding-left: var(--global--spacing-unit);
			padding-right: var(--global--spacing-unit);
			max-width: inherit;
		}

blockquote {
			margin: 0;
			max-width: 100%;

p {
				font-size: var(--pullquote--font-size);
			}
		}

.wp-block-pullquote__citation,
		cite,
		footer {
			color: currentColor;
		}
	}

}

.wp-block[data-align="full"] {

.wp-block-pullquote:not(.is-style-solid-color) {

blockquote {
			padding: 0 calc(2 * var(--global--spacing-unit));
		}
	}
}

.wp-block[data-align="left"],
.wp-block[data-align="right"] {

.wp-block-pullquote.is-style-solid-color {
		padding: var(--global--spacing-unit);
	}
}