[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    height: auto !important;
  69    width: auto !important;
  70    overflow: visible !important;
  71  }
  72  .wp-block-navigation .has-child.is-selected:not(.open-always) > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected:not(.open-always) > .wp-block-navigation__submenu-container {
  73    min-width: 200px !important;
  74  }
  75  
  76  /**
  77   * Navigation Items.
  78   */
  79  .wp-block-navigation-item .wp-block-navigation-item__content {
  80    cursor: text;
  81  }
  82  .wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
  83    min-width: 20px;
  84  }
  85  .wp-block-navigation-item .block-list-appender {
  86    margin-top: 16px;
  87    margin-right: auto;
  88    margin-bottom: 16px;
  89    margin-left: 16px;
  90  }
  91  
  92  .wp-block-navigation-link__invalid-item {
  93    color: #000;
  94  }
  95  
  96  /**
  97   * Menu item setup state. Is shown when a menu item has no URL configured.
  98   */
  99  .wp-block-navigation-link__placeholder {
 100    position: relative;
 101    text-decoration: none !important;
 102    box-shadow: none !important;
 103    background-image: none !important;
 104  }
 105  .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
 106    -webkit-text-decoration: wavy underline;
 107            text-decoration: wavy underline;
 108    -webkit-text-decoration-skip-ink: none;
 109            text-decoration-skip-ink: none;
 110    text-underline-offset: 0.25rem;
 111  }
 112  .wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
 113    cursor: pointer;
 114  }
 115  
 116  /**
 117  * Link Control Transforms
 118  */
 119  .link-control-transform {
 120    border-top: 1px solid #ccc;
 121    padding: 0 16px 8px 16px;
 122  }
 123  
 124  .link-control-transform__subheading {
 125    font-size: 11px;
 126    text-transform: uppercase;
 127    font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 128    color: #1e1e1e;
 129    margin-bottom: 1.5em;
 130  }
 131  
 132  .link-control-transform__items {
 133    display: flex;
 134    justify-content: space-between;
 135  }
 136  
 137  .link-control-transform__item {
 138    flex-basis: 33%;
 139    flex-direction: column;
 140    gap: 8px;
 141    height: auto;
 142  }
 143  
 144  .link-ui-page-creator {
 145    max-width: 350px;
 146    min-width: auto;
 147    width: 90vw;
 148    padding-top: 8px;
 149  }
 150  .link-ui-page-creator__inner {
 151    padding: 16px;
 152  }
 153  .link-ui-page-creator__back {
 154    margin-left: 8px;
 155    text-transform: uppercase;
 156  }
 157  
 158  /**
 159   * Error text styling for missing entity help text.
 160   */
 161  .navigation-link-control__error-text {
 162    color: #cc1818;
 163  }
 164  
 165  .navigation-link-to__action-button {
 166    grid-column: auto;
 167  }
 168  .navigation-link-to__action-button:nth-last-child(1 of .navigation-link-to__action-button):nth-child(odd of .navigation-link-to__action-button) {
 169    grid-column: 1/-1;
 170  }
 171  .navigation-link-to__action-button.navigation-link-to__action-button.navigation-link-to__action-button {
 172    justify-content: center;
 173  }