style-rtl.css (4016B)
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-button__link { 72 color: #fff; 73 background-color: #32373c; 74 border-radius: 9999px; 75 box-shadow: none; 76 cursor: pointer; 77 display: inline-block; 78 font-size: 1.125em; 79 padding: calc(0.667em + 2px) calc(1.333em + 2px); 80 text-align: center; 81 text-decoration: none; 82 overflow-wrap: break-word; 83 box-sizing: border-box; 84 } 85 .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { 86 color: #fff; 87 } 88 .wp-block-button__link.aligncenter { 89 text-align: center; 90 } 91 .wp-block-button__link.alignright { 92 text-align: right; 93 } 94 95 .wp-block-buttons > .wp-block-button.has-custom-width { 96 max-width: none; 97 } 98 .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { 99 width: 100%; 100 } 101 .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { 102 font-size: inherit; 103 } 104 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { 105 width: calc(25% - 0.5em); 106 } 107 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { 108 width: calc(50% - 0.5em); 109 } 110 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { 111 width: calc(75% - 0.5em); 112 } 113 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { 114 width: calc(100% - 0.5em); 115 } 116 .wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { 117 margin-left: 0; 118 width: 100%; 119 } 120 121 @supports (column-gap: 0.5em) { 122 .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { 123 margin-left: 0; 124 margin-right: 0; 125 } 126 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { 127 width: calc(25% - 0.375em); 128 } 129 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { 130 width: calc(50% - 0.25em); 131 } 132 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { 133 width: calc(75% - 0.125em); 134 } 135 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { 136 width: auto; 137 flex-basis: 100%; 138 } 139 } 140 .wp-block-button.is-style-squared, 141 .wp-block-button__link.wp-block-button.is-style-squared { 142 border-radius: 0; 143 } 144 145 .wp-block-button.no-border-radius, 146 .wp-block-button__link.no-border-radius { 147 border-radius: 0 !important; 148 } 149 150 .is-style-outline > .wp-block-button__link, 151 .wp-block-button__link.is-style-outline { 152 border: 2px solid currentColor; 153 padding: 0.667em 1.333em; 154 } 155 156 .is-style-outline > .wp-block-button__link:not(.has-text-color), 157 .wp-block-button__link.is-style-outline:not(.has-text-color) { 158 color: currentColor; 159 } 160 161 .is-style-outline > .wp-block-button__link:not(.has-background), 162 .wp-block-button__link.is-style-outline:not(.has-background) { 163 background-color: transparent; 164 }