[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * SCSS Variables.
   6   *
   7   * Please use variables from this sheet to ensure consistency across the UI.
   8   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   9   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  10   */
  11  /**
  12   * Fonts & basic variables.
  13   */
  14  /**
  15   * Typography
  16   */
  17  /**
  18   * Grid System.
  19   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  20   */
  21  /**
  22   * Radius scale.
  23   */
  24  /**
  25   * Elevation scale.
  26   */
  27  /**
  28   * Dimensions.
  29   */
  30  /**
  31   * Mobile specific styles
  32   */
  33  /**
  34   * Editor styles.
  35   */
  36  /**
  37   * Block & Editor UI.
  38   */
  39  /**
  40   * Block paddings.
  41   */
  42  /**
  43   * React Native specific.
  44   * These variables do not appear to be used anywhere else.
  45   */
  46  /**
  47   * Appender
  48   */
  49  .wp-block-navigation .block-list-appender {
  50    position: relative;
  51  }
  52  
  53  /**
  54   * Submenus.
  55   */
  56  .wp-block-navigation .has-child {
  57    cursor: pointer;
  58  }
  59  .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  60    z-index: 28;
  61  }
  62  .wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
  63    z-index: 29;
  64  }
  65  .wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container {
  66    visibility: visible !important;
  67    opacity: 1 !important;
  68    min-width: 200px !important;
  69    height: auto !important;
  70    width: auto !important;
  71    overflow: visible !important;
  72  }
  73  
  74  /**
  75   * Navigation Items.
  76   */
  77  .wp-block-navigation-item .wp-block-navigation-item__content {
  78    cursor: text;
  79  }
  80  .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
  81    min-width: 20px;
  82  }
  83  .wp-block-navigation-item .block-list-appender {
  84    margin-top: 16px;
  85    margin-left: auto;
  86    margin-bottom: 16px;
  87    margin-right: 16px;
  88  }
  89  
  90  .wp-block-navigation-link__invalid-item {
  91    color: #000;
  92  }
  93  
  94  /**
  95   * Menu item setup state. Is shown when a menu item has no URL configured.
  96   */
  97  .wp-block-navigation-link__placeholder {
  98    position: relative;
  99    text-decoration: none !important;
 100    box-shadow: none !important;
 101    background-image: none !important;
 102  }
 103  .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
 104    -webkit-text-decoration: wavy underline;
 105            text-decoration: wavy underline;
 106    -webkit-text-decoration-skip-ink: none;
 107            text-decoration-skip-ink: none;
 108    text-underline-offset: 0.25rem;
 109  }
 110  .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
 111    cursor: pointer;
 112  }
 113  
 114  /**
 115  * Link Control Transforms
 116  */
 117  .link-control-transform {
 118    border-top: 1px solid #ccc;
 119    padding: 0 16px 8px 16px;
 120  }
 121  
 122  .link-control-transform__subheading {
 123    font-size: 11px;
 124    text-transform: uppercase;
 125    font-weight: 499;
 126    color: #1e1e1e;
 127    margin-bottom: 1.5em;
 128  }
 129  
 130  .link-control-transform__items {
 131    display: flex;
 132    justify-content: space-between;
 133  }
 134  
 135  .link-control-transform__item {
 136    flex-basis: 33%;
 137    flex-direction: column;
 138    gap: 8px;
 139    height: auto;
 140  }
 141  
 142  .link-ui-page-creator {
 143    max-width: 350px;
 144    min-width: auto;
 145    width: 90vw;
 146    padding-top: 8px;
 147  }
 148  .link-ui-page-creator__inner {
 149    padding: 16px;
 150  }
 151  .link-ui-page-creator__back {
 152    margin-right: 8px;
 153    text-transform: uppercase;
 154  }
 155  
 156  /**
 157   * Error text styling for missing entity help text.
 158   */
 159  .navigation-link-control__error-text {
 160    color: #cc1818;
 161  }