balmet.com

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

style-rtl.css (3581B)

      1 /**
      2  * Colors
      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  * Breakpoint mixins
     45  */
     46 /**
     47  * Long content fade mixin
     48  *
     49  * Creates a fading overlay to signify that the content is longer
     50  * than the space allows.
     51  */
     52 /**
     53  * Focus styles.
     54  */
     55 /**
     56  * Applies editor left position to the selector passed as argument
     57  */
     58 /**
     59  * Styles that are reused verbatim in a few places
     60  */
     61 /**
     62  * Allows users to opt-out of animations via OS-level preferences.
     63  */
     64 /**
     65  * Reset default styles for JavaScript UI based pages.
     66  * This is a WP-admin agnostic reset
     67  */
     68 /**
     69  * Reset the WP Admin page styles for Gutenberg-like pages.
     70  */
     71 .wp-block-latest-posts.alignleft {
     72   margin-right: 2em;
     73 }
     74 .wp-block-latest-posts.alignright {
     75   margin-left: 2em;
     76 }
     77 .wp-block-latest-posts.wp-block-latest-posts__list {
     78   list-style: none;
     79   padding-right: 0;
     80 }
     81 .wp-block-latest-posts.wp-block-latest-posts__list li {
     82   clear: both;
     83 }
     84 .wp-block-latest-posts.is-grid {
     85   display: flex;
     86   flex-wrap: wrap;
     87   padding: 0;
     88 }
     89 .wp-block-latest-posts.is-grid li {
     90   margin: 0 0 1.25em 1.25em;
     91   width: 100%;
     92 }
     93 @media (min-width: 600px) {
     94   .wp-block-latest-posts.columns-2 li {
     95     width: calc((100% / 2) - 1.25em + (1.25em / 2));
     96   }
     97   .wp-block-latest-posts.columns-2 li:nth-child(2n) {
     98     margin-left: 0;
     99   }
    100   .wp-block-latest-posts.columns-3 li {
    101     width: calc((100% / 3) - 1.25em + (1.25em / 3));
    102   }
    103   .wp-block-latest-posts.columns-3 li:nth-child(3n) {
    104     margin-left: 0;
    105   }
    106   .wp-block-latest-posts.columns-4 li {
    107     width: calc((100% / 4) - 1.25em + (1.25em / 4));
    108   }
    109   .wp-block-latest-posts.columns-4 li:nth-child(4n) {
    110     margin-left: 0;
    111   }
    112   .wp-block-latest-posts.columns-5 li {
    113     width: calc((100% / 5) - 1.25em + (1.25em / 5));
    114   }
    115   .wp-block-latest-posts.columns-5 li:nth-child(5n) {
    116     margin-left: 0;
    117   }
    118   .wp-block-latest-posts.columns-6 li {
    119     width: calc((100% / 6) - 1.25em + (1.25em / 6));
    120   }
    121   .wp-block-latest-posts.columns-6 li:nth-child(6n) {
    122     margin-left: 0;
    123   }
    124 }
    125 
    126 .wp-block-latest-posts__post-date,
    127 .wp-block-latest-posts__post-author {
    128   display: block;
    129   color: #555;
    130   font-size: 0.8125em;
    131 }
    132 
    133 .wp-block-latest-posts__post-excerpt {
    134   margin-top: 0.5em;
    135   margin-bottom: 1em;
    136 }
    137 
    138 .wp-block-latest-posts__featured-image a {
    139   display: inline-block;
    140 }
    141 .wp-block-latest-posts__featured-image img {
    142   height: auto;
    143   width: auto;
    144   max-width: 100%;
    145 }
    146 .wp-block-latest-posts__featured-image.alignleft {
    147   margin-right: 1em;
    148 }
    149 .wp-block-latest-posts__featured-image.alignright {
    150   margin-left: 1em;
    151 }
    152 .wp-block-latest-posts__featured-image.aligncenter {
    153   margin-bottom: 1em;
    154   text-align: center;
    155 }
    156 
    157 .block-editor-image-alignment-control__row .components-base-control__field {
    158   display: flex;
    159   justify-content: space-between;
    160   align-items: center;
    161 }
    162 .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
    163   margin-bottom: 0;
    164 }