AlkantarClanX12
Current Path : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/ |
Current File : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/05-blocks/quote/_editor.scss |
.wp-block-quote { position: relative; border-left: none; margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); padding-left: 1em; 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; } strong { font-weight: var(--quote--font-weight-strong); } &:before { content: "\201C"; left: 8px; } .wp-block-quote__citation { color: currentColor; 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 { 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 { font-weight: normal; } &.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; /* 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; } } @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; } } } } @include media(mobile-only) { padding-left: calc(0.5 * var(--global--spacing-horizontal)); &:before { left: 0; } &.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; } } @include media(mobile) { margin-left: auto; &.has-text-align-right { margin-right: auto; } } }