1 /** |
1 .wp-block-pullquote{ |
2 * Colors |
2 box-sizing:border-box; |
3 */ |
3 margin:0 0 1em; |
4 /** |
4 overflow-wrap:break-word; |
5 * Breakpoints & Media Queries |
5 padding:4em 0; |
6 */ |
6 text-align:center; |
7 /** |
|
8 * SCSS Variables. |
|
9 * |
|
10 * Please use variables from this sheet to ensure consistency across the UI. |
|
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
|
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
|
13 */ |
|
14 /** |
|
15 * Colors |
|
16 */ |
|
17 /** |
|
18 * Fonts & basic variables. |
|
19 */ |
|
20 /** |
|
21 * Grid System. |
|
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
|
23 */ |
|
24 /** |
|
25 * Dimensions. |
|
26 */ |
|
27 /** |
|
28 * Shadows. |
|
29 */ |
|
30 /** |
|
31 * Editor widths. |
|
32 */ |
|
33 /** |
|
34 * Block & Editor UI. |
|
35 */ |
|
36 /** |
|
37 * Block paddings. |
|
38 */ |
|
39 /** |
|
40 * React Native specific. |
|
41 * These variables do not appear to be used anywhere else. |
|
42 */ |
|
43 /** |
|
44 * Converts a hex value into the rgb equivalent. |
|
45 * |
|
46 * @param {string} hex - the hexadecimal value to convert |
|
47 * @return {string} comma separated rgb values |
|
48 */ |
|
49 /** |
|
50 * Breakpoint mixins |
|
51 */ |
|
52 /** |
|
53 * Long content fade mixin |
|
54 * |
|
55 * Creates a fading overlay to signify that the content is longer |
|
56 * than the space allows. |
|
57 */ |
|
58 /** |
|
59 * Focus styles. |
|
60 */ |
|
61 /** |
|
62 * Applies editor left position to the selector passed as argument |
|
63 */ |
|
64 /** |
|
65 * Styles that are reused verbatim in a few places |
|
66 */ |
|
67 /** |
|
68 * Allows users to opt-out of animations via OS-level preferences. |
|
69 */ |
|
70 /** |
|
71 * Reset default styles for JavaScript UI based pages. |
|
72 * This is a WP-admin agnostic reset |
|
73 */ |
|
74 /** |
|
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
|
76 */ |
|
77 .wp-block-pullquote { |
|
78 margin: 0 0 1em 0; |
|
79 padding: 3em 0; |
|
80 text-align: center; |
|
81 overflow-wrap: break-word; |
|
82 box-sizing: border-box; |
|
83 } |
7 } |
84 .wp-block-pullquote p, |
8 .wp-block-pullquote blockquote,.wp-block-pullquote cite,.wp-block-pullquote p{ |
85 .wp-block-pullquote blockquote, |
9 color:inherit; |
86 .wp-block-pullquote cite { |
|
87 color: inherit; |
|
88 } |
10 } |
89 .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right, .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { |
11 .wp-block-pullquote blockquote{ |
90 max-width: 420px; |
12 margin:0; |
91 } |
13 } |
92 .wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p, .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { |
14 .wp-block-pullquote p{ |
93 font-size: 1.25em; |
15 margin-top:0; |
94 } |
16 } |
95 .wp-block-pullquote p { |
17 .wp-block-pullquote p:last-child{ |
96 font-size: 1.75em; |
18 margin-bottom:0; |
97 line-height: 1.6; |
|
98 } |
19 } |
99 .wp-block-pullquote cite, |
20 .wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{ |
100 .wp-block-pullquote footer { |
21 max-width:420px; |
101 position: relative; |
|
102 } |
22 } |
103 .wp-block-pullquote .has-text-color a { |
23 .wp-block-pullquote cite,.wp-block-pullquote footer{ |
104 color: inherit; |
24 position:relative; |
|
25 } |
|
26 .wp-block-pullquote .has-text-color a{ |
|
27 color:inherit; |
105 } |
28 } |
106 |
29 |
107 .wp-block-pullquote.has-text-align-left blockquote { |
30 .wp-block-pullquote.has-text-align-left blockquote{ |
108 text-align: right; |
31 text-align:right; |
109 } |
32 } |
110 |
33 |
111 .wp-block-pullquote.has-text-align-right blockquote { |
34 .wp-block-pullquote.has-text-align-right blockquote{ |
112 text-align: left; |
35 text-align:left; |
113 } |
36 } |
114 |
37 |
115 .wp-block-pullquote.is-style-solid-color { |
38 .wp-block-pullquote.is-style-solid-color{ |
116 border: none; |
39 border:none; |
117 } |
40 } |
118 .wp-block-pullquote.is-style-solid-color blockquote { |
41 .wp-block-pullquote.is-style-solid-color blockquote{ |
119 margin-right: auto; |
42 margin-left:auto; |
120 margin-left: auto; |
43 margin-right:auto; |
121 max-width: 60%; |
44 max-width:60%; |
122 } |
45 } |
123 .wp-block-pullquote.is-style-solid-color blockquote p { |
46 .wp-block-pullquote.is-style-solid-color blockquote p{ |
124 margin-top: 0; |
47 font-size:2em; |
125 margin-bottom: 0; |
48 margin-bottom:0; |
126 font-size: 2em; |
49 margin-top:0; |
127 } |
50 } |
128 .wp-block-pullquote.is-style-solid-color blockquote cite { |
51 .wp-block-pullquote.is-style-solid-color blockquote cite{ |
129 text-transform: none; |
52 font-style:normal; |
130 font-style: normal; |
53 text-transform:none; |
131 } |
54 } |
132 |
55 |
133 .wp-block-pullquote cite { |
56 .wp-block-pullquote cite{ |
134 color: inherit; |
57 color:inherit; |
135 } |
58 } |