balmet.com

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

editor.css (3874B)

      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-gallery li {
     72   list-style-type: none;
     73 }
     74 .wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label {
     75   display: none;
     76 }
     77 .wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button {
     78   margin-bottom: 0;
     79 }
     80 
     81 figure.wp-block-gallery {
     82   display: block;
     83   margin: 0;
     84 }
     85 
     86 .blocks-gallery-grid.blocks-gallery-grid {
     87   padding-left: 0;
     88   margin-left: 0;
     89   margin-bottom: 0;
     90 }
     91 
     92 .blocks-gallery-item figure:not(.is-selected):focus,
     93 .blocks-gallery-item img:focus {
     94   outline: none;
     95 }
     96 .blocks-gallery-item figure.is-selected::before {
     97   box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
     98   content: "";
     99   outline: 2px solid transparent;
    100   position: absolute;
    101   top: 0;
    102   right: 0;
    103   bottom: 0;
    104   left: 0;
    105   z-index: 1;
    106   pointer-events: none;
    107 }
    108 .blocks-gallery-item figure.is-selected figcaption {
    109   z-index: 2;
    110 }
    111 .blocks-gallery-item figure.is-transient img {
    112   opacity: 0.3;
    113 }
    114 .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu {
    115   display: inline-flex;
    116 }
    117 .blocks-gallery-item .block-editor-media-placeholder {
    118   margin: 0;
    119   height: 100%;
    120 }
    121 .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label {
    122   display: flex;
    123 }
    124 
    125 .block-library-gallery-item__inline-menu {
    126   display: none;
    127   position: absolute;
    128   top: -2px;
    129   margin: 8px;
    130   z-index: 20;
    131   transition: box-shadow 0.2s ease-out;
    132   border-radius: 2px;
    133   background: #fff;
    134   border: 1px solid #1e1e1e;
    135 }
    136 @media (prefers-reduced-motion: reduce) {
    137   .block-library-gallery-item__inline-menu {
    138     transition-duration: 0s;
    139     transition-delay: 0s;
    140   }
    141 }
    142 .block-library-gallery-item__inline-menu:hover {
    143   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    144 }
    145 @media (min-width: 600px) {
    146   .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu {
    147     padding: 2px;
    148   }
    149 }
    150 .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) {
    151   border: none;
    152   box-shadow: none;
    153 }
    154 @media (min-width: 600px) {
    155   .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon {
    156     padding: 0;
    157     width: inherit;
    158     height: inherit;
    159   }
    160 }
    161 .block-library-gallery-item__inline-menu.is-left {
    162   left: -2px;
    163 }
    164 .block-library-gallery-item__inline-menu.is-right {
    165   right: -2px;
    166 }
    167 
    168 .blocks-gallery-item .components-spinner {
    169   position: absolute;
    170   top: 50%;
    171   left: 50%;
    172   margin-top: -9px;
    173   margin-left: -9px;
    174 }