File Manager

X7ROOT File Manager

Current Path: /home/notabjze/crypfinite.com/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote

home / notabjze / crypfinite.com / wp-content / themes / twentytwentyone / assets / sass / 05-blocks / quote /

ðŸ“ ..
ðŸ“„ _editor.scss(3.35 KB)
ðŸ“„ _style.scss(3.37 KB)

Editing: _style.scss

.wp-block-quote {
	border-left: none;
	font-family: var(--quote--font-family);
	font-size: var(--quote--font-size);
	font-style: var(--quote--font-style);
	font-weight: var(--quote--font-weight);
	line-height: var(--quote--line-height);

p {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		letter-spacing: inherit;
	}

&:before {
		content: "\201C";
		left: 8px;
	}

.wp-block-quote__citation,
	cite,
	footer {
		font-family: inherit;
		font-style: inherit;
		font-weight: inherit;
		line-height: inherit;
		letter-spacing: inherit;

.has-background &,
		[class*="background-color"] &,
		[style*="background-color"] &,
		.wp-block-cover[style*="background-image"] & {
			color: currentColor;
		}
	}

&:where(:not([style*="font-style"])) .wp-block-quote__citation,
	&:where(:not([style*="font-style"])) cite,
	&:where(:not([style*="font-style"])) footer {
		font-style: var(--quote--font-style-cite);
	}

// The cite has a lighter font-weight than the rest of the quote.
	&:where(:not([style*="font-weight"])) .wp-block-quote__citation,
	&:where(:not([style*="font-weight"])) cite,
	&:where(:not([style*="font-weight"])) footer {
		font-weight: normal;
	}

/**
	 * Block Options
	 */
	&.has-text-align-right {
		margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto;
		padding-right: 0;
		border-right: none;

// Hide the left aligned quote.
		&:before {
			display: none;
		}

// Align the quote left of the text.
		p:before {
			content: "\201D";
			margin-right: 5px;
		}
	}

&.has-text-align-center {
		margin: var(--global--spacing-vertical) auto;

&:before {
			display: none;
		}
	}

// The large style was removed in WordPress 6.0, the CSS is kept for backwards compatibility.
	&.is-large,
	&.is-style-large {
		padding-left: 0;
		padding-right: 0;

/* Resetting margins to match _block-container.scss */
		margin-top: var(--global--spacing-vertical);
		margin-bottom: var(--global--spacing-vertical);

p {
			font-size: var(--quote--font-size-large);
			font-style: var(--quote--font-style-large);
			line-height: var(--quote--line-height-large);
		}

&:before {
			font-size: var(--quote--font-size-large);
			line-height: var(--quote--line-height-large);
			left: calc(-1 * var(--global--spacing-horizontal));
		}

&.has-text-align-right {

// Hide the left aligned quote.
			&:before {
				display: none;
			}

// Align the quote left of the text.
			p:before {
				content: "\201D";
				font-size: var(--quote--font-size-large);
				font-weight: normal;
				line-height: var(--quote--line-height-large);
				margin-right: 10px;
			}
		}

.wp-block-quote__citation,
		cite,
		footer {
			color: var(--global--color-primary);
			font-size: var(--global--font-size-sm);
		}

@include media(mobile-only) {
			padding-left: var(--global--spacing-horizontal);

&:before {
				left: 0;
			}

&.has-text-align-right {
				padding-left: 0;
				padding-right: var(--global--spacing-horizontal);

&:before {
					right: 0;
				}
			}

&.has-text-align-center {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

@include media(mobile-only) {

&.has-text-align-right {
			padding-left: 0;
			padding-right: calc(0.5 * var(--global--spacing-horizontal));

&:before {
				right: 0;
			}
		}

&.has-text-align-center {
			padding-left: 0;
			padding-right: 0;
		}
	}
}

X7ROOT File Manager

Editing: _style.scss

Upload File

Create Folder