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 | } |
---|