wp/wp-includes/blocks/latest-posts/editor.css
changeset 21 48c4eec2b7e6
parent 19 3d72ae0968f4
child 22 8c2e4d02f4ef
equal deleted inserted replaced
20:7b1b88e27a20 21:48c4eec2b7e6
     1 /**
     1 .wp-block-latest-posts>li{
     2  * Colors
     2   overflow:hidden;
     3  */
       
     4 /**
       
     5  * Breakpoints & Media Queries
       
     6  */
       
     7 /**
       
     8  * SCSS Variables.
       
     9  *
       
    10  * Please use variables from this sheet to ensure consistency across the UI.
       
    11  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
       
    12  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
       
    13  */
       
    14 /**
       
    15  * Colors
       
    16  */
       
    17 /**
       
    18  * Fonts & basic variables.
       
    19  */
       
    20 /**
       
    21  * Grid System.
       
    22  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
       
    23  */
       
    24 /**
       
    25  * Dimensions.
       
    26  */
       
    27 /**
       
    28  * Shadows.
       
    29  */
       
    30 /**
       
    31  * Editor widths.
       
    32  */
       
    33 /**
       
    34  * Block & Editor UI.
       
    35  */
       
    36 /**
       
    37  * Block paddings.
       
    38  */
       
    39 /**
       
    40  * React Native specific.
       
    41  * These variables do not appear to be used anywhere else.
       
    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 */
       
    49 /**
       
    50  * Breakpoint mixins
       
    51  */
       
    52 /**
       
    53  * Long content fade mixin
       
    54  *
       
    55  * Creates a fading overlay to signify that the content is longer
       
    56  * than the space allows.
       
    57  */
       
    58 /**
       
    59  * Focus styles.
       
    60  */
       
    61 /**
       
    62  * Applies editor left position to the selector passed as argument
       
    63  */
       
    64 /**
       
    65  * Styles that are reused verbatim in a few places
       
    66  */
       
    67 /**
       
    68  * Allows users to opt-out of animations via OS-level preferences.
       
    69  */
       
    70 /**
       
    71  * Reset default styles for JavaScript UI based pages.
       
    72  * This is a WP-admin agnostic reset
       
    73  */
       
    74 /**
       
    75  * Reset the WP Admin page styles for Gutenberg-like pages.
       
    76  */
       
    77 .wp-block-latest-posts {
       
    78   padding-left: 2.5em;
       
    79 }
       
    80 .wp-block-latest-posts.is-grid {
       
    81   padding-left: 0;
       
    82 }
     3 }
    83 
     4 
    84 .wp-block-latest-posts li a > div {
     5 .wp-block-latest-posts li a>div{
    85   display: inline;
     6   display:inline;
    86 }
     7 }
    87 
     8 
    88 .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
     9 .editor-latest-posts-image-alignment-control .components-base-control__label{
    89   margin-bottom: 20px;
    10   display:block;
       
    11 }
       
    12 .editor-latest-posts-image-alignment-control .components-toolbar{
       
    13   border-radius:2px;
    90 }
    14 }
    91 
    15 
    92 .editor-latest-posts-image-alignment-control .components-base-control__label {
    16 :root :where(.wp-block-latest-posts){
    93   display: block;
    17   padding-left:2.5em;
    94 }
    18 }
    95 .editor-latest-posts-image-alignment-control .components-toolbar {
    19 
    96   border-radius: 2px;
    20 :root :where(.wp-block-latest-posts.is-grid),:root :where(.wp-block-latest-posts__list){
       
    21   padding-left:0;
    97 }
    22 }