balmet.com

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

editor.css (4409B)

      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-social-links div.block-editor-url-input {
     72   display: inline-block;
     73   margin-left: 8px;
     74 }
     75 
     76 .wp-social-link:hover {
     77   transform: none;
     78 }
     79 
     80 .editor-styles-wrapper .wp-block-social-links {
     81   padding: 0;
     82 }
     83 
     84 .wp-block-social-links__social-placeholder {
     85   display: flex;
     86   opacity: 0.8;
     87   list-style: none;
     88 }
     89 .wp-block-social-links__social-placeholder > .wp-social-link {
     90   padding-left: 0 !important;
     91   margin-left: 0 !important;
     92   padding-right: 0 !important;
     93   margin-right: 0 !important;
     94   width: 0 !important;
     95   visibility: hidden;
     96 }
     97 .wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons {
     98   display: flex;
     99 }
    100 .wp-block-social-links__social-placeholder + .block-list-appender,
    101 .wp-block-social-links__social-placeholder .wp-social-link {
    102   padding: 0.25em;
    103 }
    104 .is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender,
    105 .is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link {
    106   padding-left: calc((2/3) * 1em);
    107   padding-right: calc((2/3) * 1em);
    108 }
    109 .wp-block-social-links__social-placeholder .wp-social-link::before {
    110   content: "";
    111   display: block;
    112   width: 1em;
    113   height: 1em;
    114   border-radius: 50%;
    115 }
    116 .is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before {
    117   background: currentColor;
    118 }
    119 
    120 .wp-block-social-links .wp-block-social-links__social-prompt {
    121   list-style: none;
    122   order: 2;
    123   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    124   font-size: 13px;
    125   line-height: 24px;
    126   margin-top: auto;
    127   margin-bottom: auto;
    128   cursor: default;
    129   padding-right: 8px;
    130 }
    131 .wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender {
    132   margin-right: 8px;
    133   padding: 0.25em;
    134 }
    135 
    136 .wp-block-social-links .block-list-appender {
    137   margin: 4px auto 4px 0;
    138   border-radius: 9999px;
    139 }
    140 .wp-block-social-links .block-list-appender .block-editor-inserter {
    141   display: flex;
    142   align-items: center;
    143   justify-content: center;
    144   font-size: inherit;
    145   width: 1em;
    146   height: 1em;
    147 }
    148 .has-small-icon-size .wp-block-social-links .block-list-appender {
    149   font-size: 16px;
    150 }
    151 .has-normal-icon-size .wp-block-social-links .block-list-appender {
    152   font-size: 24px;
    153 }
    154 .has-large-icon-size .wp-block-social-links .block-list-appender {
    155   font-size: 36px;
    156 }
    157 .has-huge-icon-size .wp-block-social-links .block-list-appender {
    158   font-size: 48px;
    159 }
    160 .wp-block-social-links .block-list-appender::before {
    161   content: none;
    162 }
    163 
    164 .wp-block[data-align=center] > .wp-block-social-links {
    165   justify-content: center;
    166 }
    167 
    168 .block-editor-block-preview__content .components-button:disabled {
    169   opacity: 1;
    170 }
    171 
    172 .wp-social-link.wp-social-link__is-incomplete {
    173   opacity: 0.5;
    174 }
    175 @media (prefers-reduced-motion: reduce) {
    176   .wp-social-link.wp-social-link__is-incomplete {
    177     transition-duration: 0s;
    178     transition-delay: 0s;
    179   }
    180 }
    181 
    182 .wp-block-social-links .is-selected .wp-social-link__is-incomplete,
    183 .wp-social-link.wp-social-link__is-incomplete:hover,
    184 .wp-social-link.wp-social-link__is-incomplete:focus {
    185   opacity: 1;
    186 }