1 /** |
1 .wp-block-freeform.block-library-rich-text__tinymce{ |
2 * Colors |
2 height:auto; |
3 */ |
3 } |
4 /** |
4 .wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ |
5 * Breakpoints & Media Queries |
5 line-height:1.8; |
6 */ |
6 } |
7 /** |
7 .wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ |
8 * SCSS Variables. |
8 margin-left:0; |
9 * |
9 padding-left:2.5em; |
10 * Please use variables from this sheet to ensure consistency across the UI. |
10 } |
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. |
11 .wp-block-freeform.block-library-rich-text__tinymce blockquote{ |
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. |
12 border-left:4px solid #000; |
13 */ |
13 box-shadow:inset 0 0 0 0 #ddd; |
14 /** |
14 margin:0; |
15 * Colors |
15 padding-left:1em; |
16 */ |
16 } |
17 /** |
17 .wp-block-freeform.block-library-rich-text__tinymce pre{ |
18 * Fonts & basic variables. |
18 color:#1e1e1e; |
19 */ |
19 font-family:Menlo,Consolas,monaco,monospace; |
20 /** |
20 font-size:15px; |
21 * Grid System. |
21 white-space:pre-wrap; |
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ |
22 } |
23 */ |
23 .wp-block-freeform.block-library-rich-text__tinymce>:first-child{ |
24 /** |
24 margin-top:0; |
25 * Dimensions. |
25 } |
26 */ |
26 .wp-block-freeform.block-library-rich-text__tinymce>:last-child{ |
27 /** |
27 margin-bottom:0; |
28 * Shadows. |
28 } |
29 */ |
29 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ |
30 /** |
30 outline:none; |
31 * Editor widths. |
31 } |
32 */ |
32 .wp-block-freeform.block-library-rich-text__tinymce a{ |
33 /** |
33 color:var(--wp-admin-theme-color); |
34 * Block & Editor UI. |
34 } |
35 */ |
35 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ |
36 /** |
36 background:#e5f5fa; |
37 * Block paddings. |
37 border-radius:2px; |
38 */ |
38 box-shadow:0 0 0 1px #e5f5fa; |
39 /** |
39 margin:0 -2px; |
40 * React Native specific. |
40 padding:0 2px; |
41 * These variables do not appear to be used anywhere else. |
41 } |
42 */ |
42 .wp-block-freeform.block-library-rich-text__tinymce code{ |
43 /** |
43 background:#f0f0f0; |
44 * Converts a hex value into the rgb equivalent. |
44 border-radius:2px; |
45 * |
45 color:#1e1e1e; |
46 * @param {string} hex - the hexadecimal value to convert |
46 font-family:Menlo,Consolas,monaco,monospace; |
47 * @return {string} comma separated rgb values |
47 font-size:14px; |
48 */ |
48 padding:2px; |
49 /** |
49 } |
50 * Breakpoint mixins |
50 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ |
51 */ |
51 background:#ddd; |
52 /** |
52 } |
53 * Long content fade mixin |
53 .wp-block-freeform.block-library-rich-text__tinymce .alignright{ |
54 * |
54 float:right; |
55 * Creates a fading overlay to signify that the content is longer |
55 margin:.5em 0 .5em 1em; |
56 * than the space allows. |
56 } |
57 */ |
57 .wp-block-freeform.block-library-rich-text__tinymce .alignleft{ |
58 /** |
58 float:left; |
59 * Focus styles. |
59 margin:.5em 1em .5em 0; |
60 */ |
60 } |
61 /** |
61 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ |
62 * Applies editor left position to the selector passed as argument |
62 display:block; |
63 */ |
63 margin-left:auto; |
64 /** |
64 margin-right:auto; |
65 * Styles that are reused verbatim in a few places |
65 } |
66 */ |
66 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ |
67 /** |
67 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); |
68 * Allows users to opt-out of animations via OS-level preferences. |
68 background-position:50%; |
69 */ |
69 background-repeat:no-repeat; |
70 /** |
70 background-size:1900px 20px; |
71 * Reset default styles for JavaScript UI based pages. |
71 cursor:default; |
72 * This is a WP-admin agnostic reset |
72 display:block; |
73 */ |
73 height:20px; |
74 /** |
74 margin:15px auto; |
75 * Reset the WP Admin page styles for Gutenberg-like pages. |
75 outline:0; |
76 */ |
76 width:96%; |
77 .wp-block-freeform.block-library-rich-text__tinymce { |
77 } |
78 height: auto; |
78 .wp-block-freeform.block-library-rich-text__tinymce img::selection{ |
79 /* Allow height of embed iframes to be calculated properly */ |
79 background-color:initial; |
80 /* Remove blue highlighting of selected images in WebKit */ |
80 } |
81 /* Image captions */ |
81 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ |
82 /* WP Views */ |
82 -ms-user-select:element; |
83 } |
83 } |
84 .wp-block-freeform.block-library-rich-text__tinymce p, |
84 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ |
85 .wp-block-freeform.block-library-rich-text__tinymce li { |
85 margin:0; |
86 line-height: 1.8; |
86 max-width:100%; |
87 } |
87 } |
88 .wp-block-freeform.block-library-rich-text__tinymce ul, |
88 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ |
89 .wp-block-freeform.block-library-rich-text__tinymce ol { |
89 display:block; |
90 padding-left: 2.5em; |
90 } |
91 margin-left: 0; |
91 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ |
92 } |
92 -webkit-user-drag:none; |
93 .wp-block-freeform.block-library-rich-text__tinymce blockquote { |
93 } |
94 margin: 0; |
94 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ |
95 box-shadow: inset 0 0 0 0 #ddd; |
95 margin:0; |
96 border-left: 4px solid #000; |
96 padding-top:.5em; |
97 padding-left: 1em; |
97 } |
98 } |
98 .wp-block-freeform.block-library-rich-text__tinymce .wpview{ |
99 .wp-block-freeform.block-library-rich-text__tinymce pre { |
99 border:1px solid #0000; |
100 white-space: pre-wrap; |
100 clear:both; |
101 font-family: Menlo, Consolas, monaco, monospace; |
101 margin-bottom:16px; |
102 font-size: 15px; |
102 position:relative; |
103 color: #1e1e1e; |
103 width:99.99%; |
104 } |
104 } |
105 .wp-block-freeform.block-library-rich-text__tinymce > *:first-child { |
105 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ |
106 margin-top: 0; |
106 background:#0000; |
107 } |
107 display:block; |
108 .wp-block-freeform.block-library-rich-text__tinymce > *:last-child { |
108 max-width:100%; |
109 margin-bottom: 0; |
109 } |
110 } |
110 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ |
111 .wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { |
111 bottom:0; |
112 outline: none; |
112 left:0; |
113 } |
113 position:absolute; |
114 .wp-block-freeform.block-library-rich-text__tinymce a { |
114 right:0; |
115 color: var(--wp-admin-theme-color); |
115 top:0; |
116 } |
116 } |
117 .wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { |
117 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ |
118 padding: 0 2px; |
118 display:none; |
119 margin: 0 -2px; |
119 } |
120 border-radius: 2px; |
120 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ |
121 box-shadow: 0 0 0 1px #e5f5fa; |
121 border:1px dashed #ddd; |
122 background: #e5f5fa; |
122 padding:10px; |
123 } |
123 } |
124 .wp-block-freeform.block-library-rich-text__tinymce code { |
124 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ |
125 padding: 2px; |
125 border:1px solid #ddd; |
126 border-radius: 2px; |
126 margin:0; |
127 color: #1e1e1e; |
127 padding:1em 0; |
128 background: #f0f0f0; |
128 word-wrap:break-word; |
129 font-family: Menlo, Consolas, monaco, monospace; |
129 } |
130 font-size: 14px; |
130 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ |
131 } |
131 margin:0; |
132 .wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { |
132 text-align:center; |
133 background: #ddd; |
133 } |
134 } |
134 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ |
135 .wp-block-freeform.block-library-rich-text__tinymce .alignright { |
135 border-color:#0000; |
136 /*rtl:ignore*/ |
136 } |
137 float: right; |
137 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ |
138 /*rtl:ignore*/ |
138 display:block; |
139 margin: 0.5em 0 0.5em 1em; |
139 font-size:32px; |
140 } |
140 height:32px; |
141 .wp-block-freeform.block-library-rich-text__tinymce .alignleft { |
141 margin:0 auto; |
142 /*rtl:ignore*/ |
142 width:32px; |
143 float: left; |
143 } |
144 /*rtl:ignore*/ |
144 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ |
145 margin: 0.5em 1em 0.5em 0; |
145 clear:both; |
146 } |
146 content:""; |
147 .wp-block-freeform.block-library-rich-text__tinymce .aligncenter { |
147 display:table; |
148 display: block; |
148 } |
149 margin-left: auto; |
149 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ |
150 margin-right: auto; |
150 outline:none; |
151 } |
151 } |
152 .wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { |
152 .wp-block-freeform.block-library-rich-text__tinymce .gallery a{ |
153 width: 96%; |
153 cursor:default; |
154 height: 20px; |
154 } |
155 display: block; |
155 .wp-block-freeform.block-library-rich-text__tinymce .gallery{ |
156 margin: 15px auto; |
156 line-height:1; |
157 outline: 0; |
157 margin:auto -6px; |
158 cursor: default; |
158 overflow-x:hidden; |
159 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); |
159 padding:6px 0; |
160 background-size: 1900px 20px; |
160 } |
161 background-repeat: no-repeat; |
161 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ |
162 background-position: center; |
162 box-sizing:border-box; |
163 } |
163 float:left; |
164 .wp-block-freeform.block-library-rich-text__tinymce img::selection { |
164 margin:0; |
165 background-color: transparent; |
165 padding:6px; |
166 } |
166 text-align:center; |
167 .wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { |
167 } |
168 -ms-user-select: element; |
168 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ |
169 } |
169 margin:0; |
170 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { |
170 } |
171 margin: 0; |
171 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ |
172 /* dl browser reset */ |
172 font-size:13px; |
173 max-width: 100%; |
173 margin:4px 0; |
174 } |
174 } |
175 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, |
175 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ |
176 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { |
176 width:100%; |
177 display: block; |
177 } |
178 } |
178 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ |
179 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { |
179 width:50%; |
180 -webkit-user-drag: none; |
180 } |
181 } |
181 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ |
182 .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { |
182 width:33.3333333333%; |
183 padding-top: 0.5em; |
183 } |
184 margin: 0; |
184 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ |
185 /* browser dd reset */ |
185 width:25%; |
186 } |
186 } |
187 .wp-block-freeform.block-library-rich-text__tinymce .wpview { |
187 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ |
188 width: 99.99%; |
188 width:20%; |
189 /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ |
189 } |
190 position: relative; |
190 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ |
191 clear: both; |
191 width:16.6666666667%; |
192 margin-bottom: 16px; |
192 } |
193 border: 1px solid transparent; |
193 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ |
194 } |
194 width:14.2857142857%; |
195 .wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { |
195 } |
196 display: block; |
196 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ |
197 max-width: 100%; |
197 width:12.5%; |
198 background: transparent; |
198 } |
199 } |
199 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ |
200 .wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { |
200 width:11.1111111111%; |
201 position: absolute; |
201 } |
202 top: 0; |
202 .wp-block-freeform.block-library-rich-text__tinymce .gallery img{ |
203 right: 0; |
203 border:none; |
204 bottom: 0; |
204 height:auto; |
205 left: 0; |
205 max-width:100%; |
206 } |
206 padding:0; |
207 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { |
|
208 display: none; |
|
209 } |
|
210 .wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { |
|
211 border: 1px dashed #ddd; |
|
212 padding: 10px; |
|
213 } |
|
214 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { |
|
215 border: 1px solid #ddd; |
|
216 padding: 1em 0; |
|
217 margin: 0; |
|
218 word-wrap: break-word; |
|
219 } |
|
220 .wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { |
|
221 margin: 0; |
|
222 text-align: center; |
|
223 } |
|
224 .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { |
|
225 border-color: transparent; |
|
226 } |
|
227 .wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { |
|
228 display: block; |
|
229 margin: 0 auto; |
|
230 width: 32px; |
|
231 height: 32px; |
|
232 font-size: 32px; |
|
233 } |
|
234 .wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { |
|
235 content: ""; |
|
236 display: table; |
|
237 clear: both; |
|
238 } |
|
239 .wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { |
|
240 outline: none; |
|
241 } |
|
242 .wp-block-freeform.block-library-rich-text__tinymce .gallery a { |
|
243 cursor: default; |
|
244 } |
|
245 .wp-block-freeform.block-library-rich-text__tinymce .gallery { |
|
246 margin: auto -6px; |
|
247 padding: 6px 0; |
|
248 line-height: 1; |
|
249 overflow-x: hidden; |
|
250 } |
|
251 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { |
|
252 float: left; |
|
253 margin: 0; |
|
254 text-align: center; |
|
255 padding: 6px; |
|
256 box-sizing: border-box; |
|
257 } |
|
258 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, |
|
259 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { |
|
260 margin: 0; |
|
261 } |
|
262 .wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { |
|
263 font-size: 13px; |
|
264 margin: 4px 0; |
|
265 } |
|
266 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { |
|
267 width: 100%; |
|
268 } |
|
269 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { |
|
270 width: 50%; |
|
271 } |
|
272 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { |
|
273 width: 33.3333333333%; |
|
274 } |
|
275 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { |
|
276 width: 25%; |
|
277 } |
|
278 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { |
|
279 width: 20%; |
|
280 } |
|
281 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { |
|
282 width: 16.6666666667%; |
|
283 } |
|
284 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { |
|
285 width: 14.2857142857%; |
|
286 } |
|
287 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { |
|
288 width: 12.5%; |
|
289 } |
|
290 .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { |
|
291 width: 11.1111111111%; |
|
292 } |
|
293 .wp-block-freeform.block-library-rich-text__tinymce .gallery img { |
|
294 max-width: 100%; |
|
295 height: auto; |
|
296 border: none; |
|
297 padding: 0; |
|
298 } |
207 } |
299 |
208 |
300 div[data-type="core/freeform"]::before { |
209 div[data-type="core/freeform"]:before{ |
301 transition: border-color 0.1s linear, box-shadow 0.1s linear; |
210 border:1px solid #ddd; |
302 border: 1px solid #ddd; |
211 outline:1px solid #0000; |
303 outline: 1px solid transparent; |
212 transition:border-color .1s linear,box-shadow .1s linear; |
304 } |
213 } |
305 @media (prefers-reduced-motion: reduce) { |
214 @media (prefers-reduced-motion:reduce){ |
306 div[data-type="core/freeform"]::before { |
215 div[data-type="core/freeform"]:before{ |
307 transition-duration: 0s; |
216 transition-delay:0s; |
308 transition-delay: 0s; |
217 transition-duration:0s; |
309 } |
218 } |
310 } |
219 } |
311 div[data-type="core/freeform"].is-selected::before { |
220 div[data-type="core/freeform"].is-selected:before{ |
312 border-color: #1e1e1e; |
221 border-color:#1e1e1e; |
313 } |
222 } |
314 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { |
223 div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ |
315 margin-top: 0; |
224 margin-top:0; |
316 padding-top: 0; |
225 padding-top:0; |
317 } |
226 } |
318 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { |
227 div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ |
319 content: ""; |
228 clear:both; |
320 display: table; |
229 content:""; |
321 clear: both; |
230 display:table; |
322 } |
231 } |
323 |
232 |
324 .mce-toolbar-grp .mce-btn.mce-active button, |
233 .mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ |
325 .mce-toolbar-grp .mce-btn.mce-active:hover button, |
234 color:#1e1e1e; |
326 .mce-toolbar-grp .mce-btn.mce-active i, |
235 } |
327 .mce-toolbar-grp .mce-btn.mce-active:hover i { |
236 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ |
328 color: #1e1e1e; |
237 margin-left:8px; |
329 } |
238 margin-right:0; |
330 .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { |
239 } |
331 margin-right: 0; |
240 .mce-toolbar-grp .mce-btn i{ |
332 margin-left: 8px; |
241 font-style:normal; |
333 } |
|
334 .mce-toolbar-grp .mce-btn i { |
|
335 font-style: normal; |
|
336 } |
242 } |
337 |
243 |
338 .block-library-classic__toolbar { |
244 .block-library-classic__toolbar{ |
339 display: none; |
245 border:1px solid #ddd; |
340 width: auto; |
246 border-bottom:none; |
341 margin: 0; |
247 border-radius:2px; |
342 position: sticky; |
248 display:none; |
343 z-index: 31; |
249 margin:0 0 8px; |
344 top: 0; |
250 padding:0; |
345 border: 1px solid #ddd; |
251 position:sticky; |
346 border-bottom: none; |
252 top:0; |
347 border-radius: 2px; |
253 width:auto; |
348 margin-bottom: 8px; |
254 z-index:31; |
349 padding: 0; |
255 } |
350 } |
256 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ |
351 div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { |
257 border-color:#1e1e1e; |
352 display: block; |
258 display:block; |
353 border-color: #1e1e1e; |
259 } |
354 } |
260 .block-library-classic__toolbar .mce-tinymce{ |
355 .block-library-classic__toolbar .mce-tinymce { |
261 box-shadow:none; |
356 box-shadow: none; |
262 } |
357 } |
263 @media (min-width:600px){ |
358 @media (min-width: 600px) { |
264 .block-library-classic__toolbar{ |
359 .block-library-classic__toolbar { |
265 padding:0; |
360 padding: 0; |
266 } |
361 } |
267 } |
362 } |
268 .block-library-classic__toolbar:empty{ |
363 .block-library-classic__toolbar:empty { |
269 background:#f5f5f5; |
364 display: block; |
270 border-bottom:1px solid #e2e4e7; |
365 background: #f5f5f5; |
271 display:block; |
366 border-bottom: 1px solid #e2e4e7; |
272 } |
367 } |
273 .block-library-classic__toolbar:empty:before{ |
368 .block-library-classic__toolbar:empty::before { |
274 color:#555d66; |
369 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; |
275 content:attr(data-placeholder); |
370 font-size: 13px; |
276 font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; |
371 content: attr(data-placeholder); |
277 font-size:13px; |
372 color: #555d66; |
278 line-height:37px; |
373 line-height: 37px; |
279 padding:14px; |
374 padding: 14px; |
280 } |
375 } |
281 .block-library-classic__toolbar div.mce-toolbar-grp{ |
376 .block-library-classic__toolbar div.mce-toolbar-grp { |
282 border-bottom:1px solid #1e1e1e; |
377 border-bottom: 1px solid #1e1e1e; |
283 } |
378 } |
284 .block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ |
379 .block-library-classic__toolbar .mce-tinymce-inline, |
285 height:auto !important; |
380 .block-library-classic__toolbar .mce-tinymce-inline > div, |
286 width:100% !important; |
381 .block-library-classic__toolbar div.mce-toolbar-grp, |
287 } |
382 .block-library-classic__toolbar div.mce-toolbar-grp > div, |
288 .block-library-classic__toolbar .mce-container-body.mce-abs-layout{ |
383 .block-library-classic__toolbar .mce-menubar, |
289 overflow:visible; |
384 .block-library-classic__toolbar .mce-menubar > div { |
290 } |
385 height: auto !important; |
291 .block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ |
386 width: 100% !important; |
292 position:static; |
387 } |
293 } |
388 .block-library-classic__toolbar .mce-container-body.mce-abs-layout { |
294 .block-library-classic__toolbar .mce-toolbar-grp>div{ |
389 overflow: visible; |
295 padding:1px 3px; |
390 } |
296 } |
391 .block-library-classic__toolbar .mce-menubar, |
297 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ |
392 .block-library-classic__toolbar div.mce-toolbar-grp { |
298 display:none; |
393 position: static; |
299 } |
394 } |
300 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ |
395 .block-library-classic__toolbar .mce-toolbar-grp > div { |
301 display:block; |
396 padding: 1px 3px; |
302 } |
397 } |
303 |
398 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { |
304 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
399 display: none; |
305 height:50vh !important; |
400 } |
306 } |
401 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { |
307 @media (min-width:960px){ |
402 display: block; |
308 .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen){ |
403 } |
309 height:9999rem; |
|
310 } |
|
311 .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header+div{ |
|
312 height:100%; |
|
313 } |
|
314 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce{ |
|
315 height:calc(100% - 52px); |
|
316 } |
|
317 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body{ |
|
318 display:flex; |
|
319 flex-direction:column; |
|
320 height:100%; |
|
321 min-width:50vw; |
|
322 } |
|
323 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area{ |
|
324 display:flex; |
|
325 flex-direction:column; |
|
326 flex-grow:1; |
|
327 } |
|
328 .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ |
|
329 flex-grow:1; |
|
330 height:10px !important; |
|
331 } |
|
332 } |
|
333 .block-editor-freeform-modal__actions{ |
|
334 margin-top:16px; |
|
335 } |