style-rtl.css (5160B)
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 .block-directory-block-ratings > span { 84 display: flex; 85 } 86 .block-directory-block-ratings svg { 87 fill: #1e1e1e; 88 margin-right: -4px; 89 } 90 .block-directory-block-ratings .block-directory-block-ratings__star-empty { 91 fill: #ccc; 92 } 93 94 .block-directory-compact-list { 95 margin: 0; 96 list-style: none; 97 } 98 99 .block-directory-compact-list__item { 100 display: flex; 101 flex-direction: row; 102 align-items: center; 103 margin-bottom: 16px; 104 } 105 .block-directory-compact-list__item:last-child { 106 margin-bottom: 0; 107 } 108 109 .block-directory-compact-list__item-details { 110 margin-right: 8px; 111 } 112 113 .block-directory-compact-list__item-title { 114 font-weight: 500; 115 } 116 117 .block-directory-compact-list__item-author { 118 color: #757575; 119 font-size: 11px; 120 } 121 122 .block-directory-downloadable-block-icon { 123 min-width: 54px; 124 width: 54px; 125 height: 54px; 126 vertical-align: middle; 127 border: 1px solid #ddd; 128 } 129 130 .block-directory-downloadable-block-list-item { 131 padding: 12px; 132 width: 100%; 133 height: auto; 134 text-align: right; 135 display: grid; 136 grid-template-columns: auto 1fr; 137 } 138 .block-directory-downloadable-block-list-item:hover { 139 box-shadow: 0 0 0 2px var(--wp-admin-theme-color); 140 } 141 .block-directory-downloadable-block-list-item.is-busy { 142 background: transparent; 143 } 144 .block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { 145 border: 0; 146 clip: rect(1px, 1px, 1px, 1px); 147 -webkit-clip-path: inset(50%); 148 clip-path: inset(50%); 149 height: 1px; 150 margin: -1px; 151 overflow: hidden; 152 padding: 0; 153 position: absolute; 154 width: 1px; 155 word-wrap: normal !important; 156 } 157 .block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { 158 opacity: 1; 159 } 160 161 .block-directory-downloadable-block-list-item__icon { 162 position: relative; 163 margin-left: 16px; 164 align-self: flex-start; 165 } 166 .block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { 167 position: absolute; 168 top: 0; 169 left: 0; 170 bottom: 0; 171 right: 0; 172 background: rgba(255, 255, 255, 0.75); 173 display: flex; 174 align-items: center; 175 justify-content: center; 176 } 177 178 .block-directory-block-ratings { 179 display: block; 180 margin-top: 4px; 181 } 182 183 .block-directory-downloadable-block-list-item__details { 184 color: #1e1e1e; 185 } 186 187 .block-directory-downloadable-block-list-item__title { 188 display: block; 189 font-weight: 600; 190 } 191 192 .block-directory-downloadable-block-list-item__author { 193 display: block; 194 margin-top: 4px; 195 font-weight: normal; 196 } 197 198 .block-directory-downloadable-block-list-item__desc { 199 display: block; 200 margin-top: 8px; 201 } 202 203 .block-directory-downloadable-block-notice { 204 margin: 8px 0 0; 205 color: #cc1818; 206 } 207 208 .block-directory-downloadable-block-notice__content { 209 padding-left: 12px; 210 margin-bottom: 8px; 211 } 212 213 .block-directory-downloadable-blocks-panel { 214 padding: 16px; 215 } 216 .block-directory-downloadable-blocks-panel.has-blocks-loading { 217 font-style: normal; 218 padding: 0; 219 margin: 112px 0; 220 text-align: center; 221 color: #757575; 222 } 223 .block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { 224 float: inherit; 225 } 226 227 .block-directory-downloadable-blocks-panel__no-local { 228 margin: 48px 0; 229 padding: 0 64px; 230 color: #757575; 231 text-align: center; 232 } 233 234 .block-directory-downloadable-blocks-panel__title { 235 margin: 0 0 4px; 236 font-size: 14px; 237 } 238 239 .block-directory-downloadable-blocks-panel__description { 240 margin-top: 0; 241 } 242 243 .block-directory-downloadable-blocks-panel button { 244 margin-top: 4px; 245 } 246 247 .installed-blocks-pre-publish-panel__copy { 248 margin-top: 0; 249 }