wp/wp-includes/blocks/columns/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  *
    66  * This is a WP-admin agnostic reset
    72  * This is a WP-admin agnostic reset
    67  */
    73  */
    68 /**
    74 /**
    69  * Reset the WP Admin page styles for Gutenberg-like pages.
    75  * Reset the WP Admin page styles for Gutenberg-like pages.
    70  */
    76  */
    71 .wp-block-columns .wp-block {
    77 .wp-block-columns :where(.wp-block) {
    72   max-width: none;
    78   max-width: none;
    73   margin-right: 0;
    79   margin-right: 0;
    74   margin-left: 0;
    80   margin-left: 0;
    75 }
    81 }
    76 
    82 
    77 @media (min-width: 600px) {
    83 html :where(.wp-block-column) {
    78   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) {
       
    79     margin-right: 32px;
       
    80   }
       
    81 }
       
    82 @media (min-width: 782px) {
       
    83   .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) {
       
    84     margin-right: 32px;
       
    85   }
       
    86 }
       
    87 .block-editor-block-list__block.wp-block-column.wp-block-column {
       
    88   margin-top: 0;
    84   margin-top: 0;
    89   margin-bottom: 0;
    85   margin-bottom: 0;
    90 }
    86 }