1 | /**
|
2 | * Colors
|
3 | */
|
4 | /**
|
5 | * Breakpoints & Media Queries
|
6 | */
|
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-media-text__media {
|
78 | position: relative;
|
79 | }
|
80 | .wp-block-media-text__media.is-transient img {
|
81 | opacity: 0.3;
|
82 | }
|
83 | .wp-block-media-text__media .components-spinner {
|
84 | position: absolute;
|
85 | top: 50%;
|
86 | left: 50%;
|
87 | margin-top: -9px;
|
88 | margin-left: -9px;
|
89 | }
|
90 |
|
91 | .wp-block-media-text .__resizable_base__ {
|
92 | grid-column: 1/span 2;
|
93 | grid-row: 2;
|
94 | }
|
95 |
|
96 | .wp-block-media-text .editor-media-container__resizer {
|
97 | width: 100% ;
|
98 | }
|
99 |
|
100 | .wp-block-media-text.is-image-fill .editor-media-container__resizer {
|
101 | height: 100% ;
|
102 | }
|
103 |
|
104 | .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block {
|
105 | max-width: unset;
|
106 | } |
\ | No newline at end of file |