editor-rtl.css (3910B)
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 .wp-block[data-align=center] > .wp-block-video { 72 text-align: center; 73 } 74 75 .wp-block-video { 76 position: relative; 77 } 78 .wp-block-video.is-transient video { 79 opacity: 0.3; 80 } 81 .wp-block-video .components-spinner { 82 position: absolute; 83 top: 50%; 84 right: 50%; 85 margin-top: -9px; 86 margin-right: -9px; 87 } 88 89 .editor-video-poster-control .components-base-control__label { 90 display: block; 91 } 92 .editor-video-poster-control .components-button { 93 margin-left: 8px; 94 } 95 96 .block-library-video-tracks-editor { 97 z-index: 159990; 98 } 99 100 .block-library-video-tracks-editor > .components-popover__content { 101 width: 360px; 102 } 103 104 .block-library-video-tracks-editor__track-list-track { 105 display: flex; 106 place-content: space-between; 107 align-items: baseline; 108 padding-right: 12px; 109 } 110 111 .block-library-video-tracks-editor__single-track-editor-label-language { 112 display: flex; 113 margin-top: 12px; 114 } 115 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { 116 width: 50%; 117 } 118 .block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { 119 margin-left: 16px; 120 } 121 122 .block-library-video-tracks-editor__single-track-editor-kind-select { 123 max-width: 240px; 124 } 125 126 .block-library-video-tracks-editor__single-track-editor-buttons-container { 127 display: flex; 128 place-content: space-between; 129 margin-top: 32px; 130 } 131 132 .block-library-video-tracks-editor__single-track-editor-edit-track-label { 133 margin-top: 4px; 134 margin-bottom: 12px; 135 color: #757575; 136 text-transform: uppercase; 137 font-size: 11px; 138 font-weight: 500; 139 display: block; 140 } 141 142 .block-library-video-tracks-editor > .components-popover__content > div { 143 padding: 0; 144 } 145 146 .block-library-video-tracks-editor__track-list .components-menu-group__label, 147 .block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { 148 padding: 0; 149 } 150 151 .block-library-video-tracks-editor__single-track-editor, 152 .block-library-video-tracks-editor__track-list, 153 .block-library-video-tracks-editor__add-tracks-container { 154 padding: 12px; 155 } 156 157 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { 158 margin-bottom: 4px; 159 } 160 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { 161 margin-bottom: 12px; 162 } 163 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { 164 margin-right: 0; 165 } 166 .block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { 167 margin-bottom: 4px; 168 }