wp/wp-includes/blocks/page-list/editor-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
equal deleted inserted replaced
18:be944660c56a 19:3d72ae0968f4
    38  */
    38  */
    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 /**
       
    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 */
    43 /**
    49 /**
    44  * Breakpoint mixins
    50  * Breakpoint mixins
    45  */
    51  */
    46 /**
    52 /**
    47  * Long content fade mixin
    53  * Long content fade mixin
    83 
    89 
    84 .wp-block-pages-list__item__link {
    90 .wp-block-pages-list__item__link {
    85   pointer-events: none;
    91   pointer-events: none;
    86 }
    92 }
    87 
    93 
    88 .wp-block-page-list .components-placeholder {
    94 @media (min-width: 600px) {
    89   min-height: 0;
    95   .wp-block-page-list-modal {
    90   padding: 0;
    96     max-width: 480px;
    91   background-color: inherit;
    97   }
    92 }
       
    93 .wp-block-page-list .components-placeholder .components-spinner {
       
    94   margin: 0.5em;
       
    95 }
       
    96 
       
    97 .wp-block-page-list-modal {
       
    98   max-width: 400px;
       
    99 }
    98 }
   100 
    99 
   101 .wp-block-page-list-modal-buttons {
   100 .wp-block-page-list-modal-buttons {
   102   display: flex;
   101   display: flex;
   103   justify-content: flex-end;
   102   justify-content: flex-end;
       
   103   gap: 12px;
   104 }
   104 }
   105 .wp-block-page-list-modal-buttons .components-button {
   105 
   106   margin-right: 12px;
   106 .wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container {
       
   107   visibility: visible;
       
   108   opacity: 1;
       
   109   width: auto;
       
   110   height: auto;
       
   111   min-width: 200px;
   107 }
   112 }
       
   113 
       
   114 .wp-block-page-list .components-notice {
       
   115   margin-right: 0;
       
   116 }