wp/wp-includes/blocks/button/editor-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    39 /**
    39 /**
    40  * React Native specific.
    40  * React Native specific.
    41  * These variables do not appear to be used anywhere else.
    41  * These variables do not appear to be used anywhere else.
    42  */
    42  */
    43 /**
    43 /**
       
    44 *  Converts a hex value into the rgb equivalent.
       
    45 *
       
    46 * @param {string} hex - the hexadecimal value to convert
       
    47 * @return {string} comma separated rgb values
       
    48 */
       
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    48  *
    54  *
    80 
    86 
    81 .wp-block-button {
    87 .wp-block-button {
    82   position: relative;
    88   position: relative;
    83   cursor: text;
    89   cursor: text;
    84 }
    90 }
    85 .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
       
    86   color: #fff;
       
    87 }
       
    88 .wp-block-button:focus {
    91 .wp-block-button:focus {
    89   box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
    92   box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
    90   outline: 2px solid transparent;
    93   outline: 2px solid transparent;
    91   outline-offset: -2px;
    94   outline-offset: -2px;
    92 }
    95 }
   120   }
   123   }
   121 }
   124 }
   122 .is-selected .wp-block-button__inline-link {
   125 .is-selected .wp-block-button__inline-link {
   123   height: auto;
   126   height: auto;
   124   overflow: visible;
   127   overflow: visible;
   125   margin-top: 16px;
       
   126 }
   128 }
   127 
   129 
   128 .wp-button-label__width .components-button-group {
   130 .wp-button-label__width .components-button-group {
   129   display: block;
   131   display: block;
   130 }
   132 }