wp/wp-includes/blocks/spacer/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  *
    70  */
    76  */
    71 .block-editor-block-list__block[data-type="core/spacer"]::before {
    77 .block-editor-block-list__block[data-type="core/spacer"]::before {
    72   content: "";
    78   content: "";
    73   display: block;
    79   display: block;
    74   position: absolute;
    80   position: absolute;
       
    81   z-index: 1;
    75   width: 100%;
    82   width: 100%;
    76   height: 24px;
    83   min-height: 8px;
    77   transform: translateY(-12px);
    84   min-width: 8px;
       
    85   height: 100%;
    78 }
    86 }
    79 
    87 
    80 .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
    88 .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
    81 .block-library-spacer__resize-container.has-show-handle {
    89 .block-library-spacer__resize-container.has-show-handle {
    82   background: rgba(0, 0, 0, 0.1);
    90   background: rgba(0, 0, 0, 0.1);
    87 }
    95 }
    88 
    96 
    89 .block-library-spacer__resize-container {
    97 .block-library-spacer__resize-container {
    90   clear: both;
    98   clear: both;
    91 }
    99 }
       
   100 .block-library-spacer__resize-container:not(.is-resizing) {
       
   101   height: 100% !important;
       
   102   width: 100% !important;
       
   103 }
    92 .block-library-spacer__resize-container .components-resizable-box__handle::before {
   104 .block-library-spacer__resize-container .components-resizable-box__handle::before {
    93   content: none;
   105   content: none;
    94 }
   106 }
    95 .block-library-spacer__resize-container.resize-horizontal {
   107 .block-library-spacer__resize-container.resize-horizontal {
    96   margin-bottom: 0;
   108   margin-bottom: 0;