@kickstartds/ds-agency-premium 1.4.0--canary.12.465.0 → 1.4.0--canary.14.680.0

package/dist/components/nav-main/nav-main.css

@@ -1,191 +0,0 @@
-.nav-main {
-  --dsa-nav-main--background: linear-gradient(
-    125deg,
-    var(--ks-background-color-default),
-    var(--ks-color-primary-to-bg-6)
-  );
-  --dsa-nav-main__link--color: var(--ks-text-color-interface-interactive);
-  --dsa-nav-main__link--opacity_hover: 0.75;
-  --dsa-nav-main__link--color_active: var(--ks-text-color-interface-interactive-active);
-  --dsa-nav-main__link--font: var(--ks-font-interface-l);
-  --dsa-nav-main__link--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-nav-main__link--font-weight_active: var(--ks-font-weight-semi-bold);
-  --dsa-nav-main_floating__link--color: var(--ks-color-fg);
-  --dsa-nav-main_floating__link--color_active: var(--ks-color-fg);
-  --dsa-nav-main_floating__link--opacity_hover: 0.6;
-  --dsa-nav-main__link--padding: 0.35em 0;
-  --dsa-nav-main--shadow: 50px 0px 50px 50px rgba(0, 0, 0, 0.539);
-}
-@media (min-width: 62rem) {
-  .nav-main {
-    --dsa-nav-main__link--padding: 0 0.75em;
-    --dsa-nav-main__link--font: var(--ks-font-interface-m);
-  }
-}
-
-.nav-main {
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.nav-main--active .nav-main__item .nav-main__link {
-  color: var(--dsa-nav-main__link--color);
-}
-@media (min-width: 62rem) {
-  .dsa-header--floating .nav-main--active .nav-main__item .nav-main__link {
-    color: var(--dsa-nav-main_floating__link--color);
-  }
-}
-.nav-main--active .nav-main__item--active .nav-main__link {
-  color: var(--dsa-nav-main__link--color_active);
-  font-weight: var(--dsa-nav-main__link--font-weight_active);
-}
-@media (min-width: 62rem) {
-  .dsa-header--floating .nav-main--active .nav-main__item--active .nav-main__link {
-    color: var(--dsa-nav-main_floating__link--color_active);
-  }
-}
-.nav-main ul {
-  /* critical:start */
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  /* critical:end */
-}
-.nav-main ul li {
-  display: block;
-  margin: 0;
-}
-.nav-main__item {
-  position: relative;
-}
-.nav-main__list:hover .nav-main__link {
-  opacity: var(--dsa-nav-main__link--opacity_hover);
-}
-@media (min-width: 62rem) {
-  .dsa-header--floating .nav-main__list:hover .nav-main__link {
-    opacity: var(--dsa-nav-main_floating__link--opacity_hover);
-  }
-}
-.nav-main .nav-main__item a.nav-main__link {
-  /* critical:start */
-  font: var(--dsa-nav-main__link--font);
-  font-weight: var(--dsa-nav-main__link--font-weight);
-  color: var(--dsa-nav-main__link--color);
-  position: relative;
-  display: block;
-  padding: var(--dsa-nav-main__link--padding);
-  /* critical:end */
-}
-.nav-main .nav-main__item a.nav-main__link:hover {
-  opacity: 1;
-  color: var(--dsa-nav-main__link--color_active);
-}
-.nav-main .nav-main__item a.nav-main__link:active {
-  color: var(--dsa-nav-main__link--color_active);
-}
-.nav-main__logo {
-  padding: var(--dsa-header--spacing-v) 0;
-}
-.nav-main__logo img {
-  height: var(--dsa-logo--height);
-  width: auto;
-}
-.nav-main__wrap {
-  flex-grow: 0;
-  flex-shrink: 1;
-}
-@media (max-width: 62rem) {
-  .nav-main {
-    /* critical:start */
-    left: -100%;
-    /* critical:end */
-    height: 100vh;
-    overflow: hidden;
-    position: fixed;
-    width: 77vw;
-    max-width: 23rem;
-    transition: all var(--ks-duration-slow);
-    padding: 0 var(--l-section--content-padding);
-    right: 0;
-    bottom: 0;
-    top: 0;
-    overflow-y: auto;
-    background: var(--dsa-nav-main--background);
-    backface-visibility: hidden;
-    -webkit-overflow-scrolling: touch;
-    box-shadow: 20px 0px 30px rgba(0, 0, 0, 0);
-  }
-  .nav-main__item--icon {
-    border: 0;
-    clip: rect(1px, 1px, 1px, 1px);
-    clip-path: inset(100%);
-    height: 1px;
-    overflow: hidden;
-    padding: 0;
-    position: absolute;
-    white-space: nowrap;
-    width: 1px;
-  }
-  .overlay-open .nav-main {
-    left: 0;
-    box-shadow: var(--dsa-nav-main--shadow);
-  }
-  .nav-main > .nav-main__logo {
-    margin-top: var(--dsa-header--spacing-vertical);
-    margin-bottom: var(--dsa-header--spacing-vertical);
-  }
-  .nav-main ul.nav-main__list {
-    padding-top: calc(var(--dsa-header--spacing-vertical) - var(--ks-spacing-s));
-  }
-  .nav-main ul.nav-main__list .nav-main--button {
-    margin-left: var(--dsa-header--spacing-horizontal);
-    margin-top: var(--dsa-header--spacing-vertical);
-  }
-  .nav-main ul.nav-main__list .nav-main--button .button {
-    --button--font: var(--ks-font-interface-s);
-  }
-  .nav-main ul.nav-main__list .nav-main--button .button .button__content {
-    --button--padding: 0.4rem 1rem;
-  }
-}
-@media (min-width: 62rem) {
-  .nav-main {
-    /* critical:start */
-    /* critical:end */
-  }
-  .nav-main > .nav-main__logo {
-    display: none;
-  }
-  .nav-main .button--wrapper {
-    margin-left: var(--ks-spacing-inline-xs);
-  }
-  .nav-main__wrap {
-    display: flex;
-    align-items: center;
-  }
-  .nav-main__list {
-    /* critical:start */
-    display: flex;
-    flex-wrap: nowrap;
-    align-items: center;
-    /* critical:end */
-  }
-  .nav-main__list .nav-main--button .button {
-    --button--font: var(--ks-font-interface-s);
-  }
-  .nav-main__list .nav-main--button .button span {
-    font-size: 98%;
-  }
-  .nav-main__item {
-    /* critical:start */
-    flex-shrink: 0;
-    /* critical:end */
-    outline: 0;
-  }
-}
-
-.nav-main-toggle[aria-expanded=true] + .nav-main {
-  display: block;
-}