blockquote.scss (1617B)
1 blockquote { 2 padding: 0; 3 position: relative; 4 margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); 5 6 > * { 7 margin-top: var(--global--spacing-unit); 8 margin-bottom: var(--global--spacing-unit); 9 10 &:first-child { 11 margin-top: 0; 12 } 13 14 &:last-child { 15 margin-bottom: 0; 16 } 17 } 18 19 p { 20 letter-spacing: var(--heading--letter-spacing-h4); 21 font-family: var(--quote--font-family); 22 font-size: var(--quote--font-size); 23 font-style: var(--quote--font-style); 24 font-weight: var(--quote--font-weight); 25 line-height: var(--quote--line-height); 26 } 27 28 cite, 29 footer { 30 font-weight: normal; 31 color: var(--global--color-primary); 32 font-size: var(--global--font-size-xs); 33 letter-spacing: var(--global--letter-spacing); 34 } 35 36 &.alignleft, 37 &.alignright { 38 39 padding-left: inherit; 40 41 p { 42 font-size: var(--heading--font-size-h5); 43 max-width: inherit; 44 width: inherit; 45 } 46 47 cite, 48 footer { 49 font-size: var(--global--font-size-xs); 50 letter-spacing: var(--global--letter-spacing); 51 } 52 } 53 54 strong { 55 font-weight: var(--quote--font-weight-strong); 56 } 57 58 &:before { 59 content: "\201C"; 60 font-size: var(--quote--font-size); 61 line-height: var(--quote--line-height); 62 position: absolute; 63 left: calc(-0.5 * var(--global--spacing-horizontal)); 64 } 65 66 .wp-block-quote__citation, 67 cite, 68 footer { 69 color: var(--global--color-primary); 70 font-size: var(--global--font-size-xs); 71 font-style: var(--quote--font-style-cite); 72 } 73 74 @include media(mobile-only) { 75 padding-left: calc(0.5 * var(--global--spacing-horizontal)); 76 77 &:before { 78 left: 0; 79 } 80 } 81 }