style-rtl.css (6875B)
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 * Breakpoint mixins 45 */ 46 /** 47 * Long content fade mixin 48 * 49 * Creates a fading overlay to signify that the content is longer 50 * than the space allows. 51 */ 52 /** 53 * Focus styles. 54 */ 55 /** 56 * Applies editor left position to the selector passed as argument 57 */ 58 /** 59 * Styles that are reused verbatim in a few places 60 */ 61 /** 62 * Allows users to opt-out of animations via OS-level preferences. 63 */ 64 /** 65 * Reset default styles for JavaScript UI based pages. 66 * This is a WP-admin agnostic reset 67 */ 68 /** 69 * Reset the WP Admin page styles for Gutenberg-like pages. 70 */ 71 :root { 72 --wp-admin-theme-color: #007cba; 73 --wp-admin-theme-color-darker-10: #006ba1; 74 --wp-admin-theme-color-darker-20: #005a87; 75 --wp-admin-border-width-focus: 2px; 76 } 77 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 78 :root { 79 --wp-admin-border-width-focus: 1.5px; 80 } 81 } 82 83 .wp-block-legacy-widget__edit-form { 84 background: #fff; 85 border-radius: 2px; 86 border: 1px solid #1e1e1e; 87 padding: 11px; 88 } 89 .wp-block-legacy-widget__edit-form:not([hidden]) { 90 display: flow-root; 91 } 92 .wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { 93 color: #000; 94 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 95 font-size: 14px; 96 font-weight: 600; 97 margin: 0 0 12px 0; 98 } 99 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside { 100 border: none; 101 box-shadow: none; 102 display: block; 103 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 104 } 105 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { 106 margin: 8px 0; 107 } 108 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { 109 font-size: 13px; 110 line-height: 2.1; 111 } 112 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, 113 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, 114 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { 115 font-family: system-ui; 116 font-weight: normal; 117 color: #000; 118 } 119 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], 120 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], 121 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], 122 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], 123 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], 124 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], 125 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], 126 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], 127 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], 128 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], 129 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], 130 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], 131 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], 132 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { 133 font-family: system-ui; 134 background-color: transparent; 135 box-sizing: border-box; 136 border: 1px solid #757575; 137 border-radius: 3px; 138 box-shadow: none; 139 color: #000; 140 display: block; 141 margin: 0; 142 width: 100%; 143 font-size: 13px; 144 font-weight: normal; 145 line-height: 1; 146 min-height: 30px; 147 padding-right: 8px; 148 padding-top: 8px; 149 padding-bottom: 8px; 150 } 151 .wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { 152 padding-right: 4px; 153 } 154 .wp-block-legacy-widget__edit-form .widget.open, 155 .wp-block-legacy-widget__edit-form .widget.open:focus-within { 156 z-index: 0; 157 } 158 159 .wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, 160 .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { 161 color: #000; 162 } 163 164 .wp-block-legacy-widget__edit-preview, 165 .wp-block-legacy-widget__edit-no-preview { 166 cursor: pointer; 167 } 168 .wp-block-legacy-widget__edit-preview:hover::after, 169 .wp-block-legacy-widget__edit-no-preview:hover::after { 170 border-radius: 2px; 171 border: 1px solid #949494; 172 bottom: 0; 173 content: ""; 174 right: 0; 175 position: absolute; 176 left: 0; 177 top: 0; 178 } 179 180 .wp-block-legacy-widget__edit-preview.is-offscreen { 181 right: -9999px; 182 position: absolute; 183 top: 0; 184 width: 100%; 185 } 186 187 .wp-block-legacy-widget__edit-preview-iframe { 188 overflow: hidden; 189 width: 100%; 190 } 191 192 .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { 193 background: #f0f0f0; 194 padding: 8px 12px; 195 } 196 .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { 197 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 198 font-size: 13px; 199 } 200 .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { 201 font-size: 14px; 202 font-weight: 600; 203 margin: 4px 0; 204 } 205 .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { 206 margin: 4px 0; 207 } 208 209 .wp-block-legacy-widget-inspector-card { 210 padding: 0 52px 16px 16px; 211 } 212 213 .interface-complementary-area .wp-block-legacy-widget-inspector-card__name { 214 margin: 0 0 5px; 215 font-weight: 500; 216 } 217 218 .is-selected .wp-block-legacy-widget__container { 219 padding: 8px 12px; 220 min-height: 50px; 221 } 222 223 .components-popover__content .wp-block-legacy-widget__edit-form { 224 min-width: 400px; 225 } 226 227 .wp-block-legacy-widget .components-base-control { 228 width: 100%; 229 } 230 .wp-block-legacy-widget .components-select-control__input { 231 padding: 0; 232 font-family: system-ui; 233 }