wp/wp-includes/blocks/button/editor.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  *
    81 
    87 
    82 .wp-block-button {
    88 .wp-block-button {
    83   position: relative;
    89   position: relative;
    84   cursor: text;
    90   cursor: text;
    85 }
    91 }
    86 .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after {
       
    87   color: #fff;
       
    88 }
       
    89 .wp-block-button:focus {
    92 .wp-block-button:focus {
    90   box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
    93   box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
    91   outline: 2px solid transparent;
    94   outline: 2px solid transparent;
    92   outline-offset: -2px;
    95   outline-offset: -2px;
    93 }
    96 }
   121   }
   124   }
   122 }
   125 }
   123 .is-selected .wp-block-button__inline-link {
   126 .is-selected .wp-block-button__inline-link {
   124   height: auto;
   127   height: auto;
   125   overflow: visible;
   128   overflow: visible;
   126   margin-top: 16px;
       
   127 }
   129 }
   128 
   130 
   129 .wp-button-label__width .components-button-group {
   131 .wp-button-label__width .components-button-group {
   130   display: block;
   132   display: block;
   131 }
   133 }