wp/wp-includes/blocks/query-pagination/style.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-query-pagination {
       
    72   display: flex;
       
    73   flex-direction: row;
       
    74   flex-wrap: wrap;
       
    75 }
       
    76 .wp-block-query-pagination > .wp-block-query-pagination-next,
    77 .wp-block-query-pagination > .wp-block-query-pagination-next,
    77 .wp-block-query-pagination > .wp-block-query-pagination-previous,
    78 .wp-block-query-pagination > .wp-block-query-pagination-previous,
    78 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
    79 .wp-block-query-pagination > .wp-block-query-pagination-numbers {
    79   display: inline-block;
       
    80   /*rtl:ignore*/
    80   /*rtl:ignore*/
    81   margin-right: 0.5em;
    81   margin-right: 0.5em;
    82   margin-bottom: 0.5em;
    82   margin-bottom: 0.5em;
    83 }
    83 }
    84 .wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
    84 .wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
    85 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
    85 .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child,
    86 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
    86 .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
    87   /*rtl:ignore*/
    87   /*rtl:ignore*/
    88   margin-right: 0;
    88   margin-right: 0;
    89 }
    89 }
       
    90 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
       
    91   margin-right: 1ch;
       
    92   display: inline-block;
       
    93 }
       
    94 .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
       
    95   transform: scaleX(1) /*rtl:scaleX(-1);*/;
       
    96 }
       
    97 .wp-block-query-pagination .wp-block-query-pagination-next-arrow {
       
    98   margin-left: 1ch;
       
    99   display: inline-block;
       
   100 }
       
   101 .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
       
   102   transform: scaleX(1) /*rtl:scaleX(-1);*/;
       
   103 }
       
   104 .wp-block-query-pagination.aligncenter {
       
   105   justify-content: center;
       
   106 }