wp/wp-includes/blocks/page-list/style-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  *
    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-navigation .wp-block-page-list {
    77 .wp-block-navigation .wp-block-page-list {
    72   display: flex;
    78   display: flex;
    73   flex-wrap: wrap;
    79   flex-direction: var(--navigation-layout-direction, initial);
       
    80   justify-content: var(--navigation-layout-justify, initial);
       
    81   align-items: var(--navigation-layout-align, initial);
       
    82   flex-wrap: var(--navigation-layout-wrap, wrap);
    74   background-color: inherit;
    83   background-color: inherit;
    75 }
    84 }
    76 .wp-block-navigation .wp-block-pages-list__item {
    85 .wp-block-navigation .wp-block-navigation-item {
    77   background-color: inherit;
    86   background-color: inherit;
    78 }
    87 }
    79 .wp-block-navigation .wp-block-page-list__submenu-icon {
       
    80   display: none;
       
    81 }
       
    82 .wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
       
    83   display: block;
       
    84 }
       
    85 
       
    86 .is-vertical .wp-block-navigation__container .wp-block-page-list,
       
    87 .is-open .wp-block-navigation__container .wp-block-page-list {
       
    88   display: block;
       
    89 }
       
    90 
       
    91 @media (min-width: 480px) {
       
    92   .is-open .wp-block-navigation__container .wp-block-page-list {
       
    93     display: flex;
       
    94   }
       
    95 }
       
    96 
       
    97 .items-justified-space-between .wp-block-page-list {
       
    98   display: contents;
       
    99 }