File "_style.scss"

Full Path: /home/vantageo/public_html/wp-admin/.wp-cli/wp-content/themes/twentytwentyone/assets/sass/05-blocks/pullquote/_style.scss
File size: 2.08 KB
MIME-type: text/plain
Charset: utf-8

.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 {
		color: currentColor;
		display: block;
		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;
	}

	&.alignleft:not(.is-style-solid-color) {

		blockquote:before,
		cite {
			text-align: center;
		}
	}

	&.alignwide > p,
	&.alignwide blockquote {
		max-width: var(--responsive--alignwide-width);
	}

	&.alignfull:not(.is-style-solid-color) > p,
	&.alignfull:not(.is-style-solid-color) blockquote {
		padding: 0 calc(2 * var(--global--spacing-unit));
	}

	&.is-style-solid-color {
		color: var(--pullquote--color-foreground);
		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;
		}

		blockquote {
			margin: 0;
			max-width: inherit;

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

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

		&.alignleft,
		&.alignright {
			padding: var(--global--spacing-unit);

			blockquote {
				max-width: initial;
			}
		}
	}
}