first commit

wp-includes/blocks/navigation-link/editor.css

@@ -0,0 +1,171 @@
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Appender
+ */
+.wp-block-navigation .block-list-appender {
+  position: relative;
+}
+
+/**
+ * Submenus.
+ */
+.wp-block-navigation .has-child {
+  cursor: pointer;
+}
+.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
+  z-index: 28;
+}
+.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container {
+  z-index: 29;
+}
+.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 {
+  visibility: visible !important;
+  opacity: 1 !important;
+  min-width: 200px !important;
+  height: auto !important;
+  width: auto !important;
+  overflow: visible !important;
+}
+
+/**
+ * Navigation Items.
+ */
+.wp-block-navigation-item .wp-block-navigation-item__content {
+  cursor: text;
+}
+.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected {
+  min-width: 20px;
+}
+.wp-block-navigation-item .block-list-appender {
+  margin-top: 16px;
+  margin-right: auto;
+  margin-bottom: 16px;
+  margin-left: 16px;
+}
+
+.wp-block-navigation-link__invalid-item {
+  color: #000;
+}
+
+/**
+ * Menu item setup state. Is shown when a menu item has no URL configured.
+ */
+.wp-block-navigation-link__placeholder {
+  position: relative;
+  text-decoration: none !important;
+  box-shadow: none !important;
+  background-image: none !important;
+}
+.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span {
+  -webkit-text-decoration: wavy underline;
+          text-decoration: wavy underline;
+  -webkit-text-decoration-skip-ink: none;
+          text-decoration-skip-ink: none;
+  text-underline-offset: 0.25rem;
+}
+.wp-block-navigation-link__placeholder.wp-block-navigation-item__content {
+  cursor: pointer;
+}
+
+/**
+* Link Control Transforms
+*/
+.link-control-transform {
+  border-top: 1px solid #ccc;
+  padding: 0 16px 8px 16px;
+}
+
+.link-control-transform__subheading {
+  font-size: 11px;
+  text-transform: uppercase;
+  font-weight: 499;
+  color: #1e1e1e;
+  margin-bottom: 1.5em;
+}
+
+.link-control-transform__items {
+  display: flex;
+  justify-content: space-between;
+}
+
+.link-control-transform__item {
+  flex-basis: 33%;
+  flex-direction: column;
+  gap: 8px;
+  height: auto;
+}
+
+.link-ui-page-creator {
+  max-width: 350px;
+  min-width: auto;
+  width: 90vw;
+  padding-top: 8px;
+}
+.link-ui-page-creator__inner {
+  padding: 16px;
+}
+.link-ui-page-creator__back {
+  margin-left: 8px;
+  text-transform: uppercase;
+}
+
+/**
+ * Error text styling for missing entity help text.
+ */
+.navigation-link-control__error-text {
+  color: #cc1818;
+}
+
+.navigation-link-to__action-button {
+  grid-column: auto;
+}
+.navigation-link-to__action-button:nth-last-child(1 of .navigation-link-to__action-button):nth-child(odd of .navigation-link-to__action-button) {
+  grid-column: 1/-1;
+}
+.navigation-link-to__action-button.navigation-link-to__action-button.navigation-link-to__action-button {
+  justify-content: center;
+}