AlkantarClanX12
Current Path : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/04-elements/ |
Current File : /home/thanudqk/www/wp-content/themes/twentytwentyone/assets/sass/04-elements/blockquote.scss |
blockquote { padding: 0; position: relative; margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } p { letter-spacing: var(--heading--letter-spacing-h4); 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); } cite, footer { font-weight: normal; color: var(--global--color-primary); letter-spacing: var(--global--letter-spacing); } &.alignleft, &.alignright { padding-left: inherit; p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } cite, footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } } strong { font-weight: var(--quote--font-weight-strong); } &:before { content: "\201C"; position: absolute; left: calc(-0.5 * var(--global--spacing-horizontal)); } .wp-block-quote__citation, cite, footer { color: var(--global--color-primary); font-style: var(--quote--font-style-cite); } @include media(mobile-only) { padding-left: calc(0.5 * var(--global--spacing-horizontal)); &:before { left: 0; } } }