@inera/ids-design 7.2.2 → 8.0.0

package/components/header-inera-admin/header-inera-admin-nav-mobile.css

@@ -1,126 +0,0 @@
-@media (max-width: 1023px) {
-  .ids-desktop {
-    display: none !important;
-  }
-}
-
-@media (min-width: 1024px) {
-  .ids-mobile {
-    display: none !important;
-  }
-}
-
-/*******
-* ICONS
-********/
-/*******
-* BUTTONS
-********/
-/*******
-* SCROLLBARS
-********/
-/*******
-* FORM
-********/
-/*******
-* A11Y
-********/
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger {
-  transition: all 0.2s;
-  cursor: pointer;
-  user-select: none;
-  position: relative;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines {
-  display: block;
-  cursor: pointer;
-  width: 1.3125rem;
-  border-radius: 0.125rem;
-  transition: all 0.2s;
-  background-color: var(--IDS-COLOR-PRIMARY-40);
-  position: relative;
-  height: 0.125rem;
-  width: 1.25rem;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
-  display: inline-block;
-  width: 1.3125rem;
-  border-radius: 0.125rem;
-  transition: all 0.2s;
-  background-color: var(--IDS-COLOR-PRIMARY-40);
-  position: absolute;
-  left: 0;
-  content: "";
-  -webkit-transform-origin: 0.09375rem center;
-  transform-origin: 0.09375rem center;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
-  height: 0.125rem;
-  width: 1.25rem;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
-  -webkit-transform-origin: 0.13393rem center;
-  transform-origin: 0.13393rem center;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before {
-  top: 0.5rem;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
-  top: -0.5rem;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
-  background: transparent;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before, .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
-  -ms-transform-origin: 50% 50%;
-  -webkit-transform-origin: 50% 50%;
-  transform-origin: 50% 50%;
-  top: 0;
-  width: 1.5rem;
-  left: -0.1rem;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
-  -ms-transform: rotate(45deg);
-  -webkit-transform: rotate3d(0, 0, 1, 45deg);
-  transform: rotate3d(0, 0, 1, 45deg);
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after {
-  -ms-transform: rotate(-45deg);
-  -webkit-transform: rotate3d(0, 0, 1, -45deg);
-  transform: rotate3d(0, 0, 1, -45deg);
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
-  border: 0;
-  background-color: transparent;
-  height: 2rem;
-  margin-top: 0.25rem;
-  cursor: pointer;
-}
-.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items {
-  position: absolute;
-  left: 0;
-  right: 0;
-  z-index: 10;
-  box-shadow: 0 0.125rem 0.313rem #c5c5c5;
-  top: 100%;
-}
-@media only screen and (min-width: 1024px) {
-  .ids-header-inera-admin-nav-mobile {
-    display: none;
-  }
-}
-@media only screen and (max-width: 1024px) {
-  .ids-header-inera-admin-nav-mobile {
-    display: block;
-  }
-  .ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive {
-    display: none;
-  }
-}