| @@ -1,6 +1,101 @@ | ||
| 1 | -.wp-block-tab-list > .block-editor-block-list__layout { | |
| 2 | - display: contents; | |
| 3 | -} | |
| 4 | -.wp-block-tab-list .block-editor-block-list__block:has(> .wp-block-tab) { | |
| 5 | - display: contents; | |
| 1 | +/** | |
| 2 | + * Typography | |
| 3 | + */ | |
| 4 | +/** | |
| 5 | + * SCSS Variables. | |
| 6 | + * | |
| 7 | + * Please use variables from this sheet to ensure consistency across the UI. | |
| 8 | + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. | |
| 9 | + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. | |
| 10 | + */ | |
| 11 | +/** | |
| 12 | + * Colors | |
| 13 | + */ | |
| 14 | +/** | |
| 15 | + * Fonts & basic variables. | |
| 16 | + */ | |
| 17 | +/** | |
| 18 | + * Typography | |
| 19 | + */ | |
| 20 | +/** | |
| 21 | + * Grid System. | |
| 22 | + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ | |
| 23 | + */ | |
| 24 | +/** | |
| 25 | + * Radius scale. | |
| 26 | + */ | |
| 27 | +/** | |
| 28 | + * Elevation scale. | |
| 29 | + */ | |
| 30 | +/** | |
| 31 | + * Dimensions. | |
| 32 | + */ | |
| 33 | +/** | |
| 34 | + * Mobile specific styles | |
| 35 | + */ | |
| 36 | +/** | |
| 37 | + * Editor styles. | |
| 38 | + */ | |
| 39 | +/** | |
| 40 | + * Block & Editor UI. | |
| 41 | + */ | |
| 42 | +/** | |
| 43 | + * Block paddings. | |
| 44 | + */ | |
| 45 | +/** | |
| 46 | + * React Native specific. | |
| 47 | + * These variables do not appear to be used anywhere else. | |
| 48 | + */ | |
| 49 | +/** | |
| 50 | + * Breakpoints & Media Queries | |
| 51 | + */ | |
| 52 | +/** | |
| 53 | +* Converts a hex value into the rgb equivalent. | |
| 54 | +* | |
| 55 | +* @param {string} hex - the hexadecimal value to convert | |
| 56 | +* @return {string} comma separated rgb values | |
| 57 | +*/ | |
| 58 | +/** | |
| 59 | + * Long content fade mixin | |
| 60 | + * | |
| 61 | + * Creates a fading overlay to signify that the content is longer | |
| 62 | + * than the space allows. | |
| 63 | + */ | |
| 64 | +/** | |
| 65 | + * Breakpoint mixins | |
| 66 | + */ | |
| 67 | +/** | |
| 68 | + * Focus styles. | |
| 69 | + */ | |
| 70 | +/** | |
| 71 | + * Standard focus rings for the WordPress Design System. | |
| 72 | + * | |
| 73 | + * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, | |
| 74 | + * e.g. `&:focus { @include outset-ring__focus(); }`. | |
| 75 | + */ | |
| 76 | +/** | |
| 77 | + * Applies editor left position to the selector passed as argument | |
| 78 | + */ | |
| 79 | +/** | |
| 80 | + * Styles that are reused verbatim in a few places | |
| 81 | + */ | |
| 82 | +/** | |
| 83 | + * Allows users to opt-out of animations via OS-level preferences. | |
| 84 | + */ | |
| 85 | +/** | |
| 86 | + * Reset default styles for JavaScript UI based pages. | |
| 87 | + * This is a WP-admin agnostic reset | |
| 88 | + */ | |
| 89 | +/** | |
| 90 | + * Reset the WP Admin page styles for Gutenberg-like pages. | |
| 91 | + */ | |
| 92 | +/** | |
| 93 | + * Creates a checkerboard pattern background to indicate transparency. | |
| 94 | + * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px. | |
| 95 | + */ | |
| 96 | +@media (min-width: 600px) { | |
| 97 | + .wp-block-tab-list__mover-button { | |
| 98 | + width: 24px; | |
| 99 | + min-width: 0 !important; | |
| 100 | + } | |
| 6 | 101 | } |
