@itcenteratunihelsinki/huds-lib 0.6.6 → 0.6.8

package/dist/collection/components/navigation/menu-item/menu-item.css

@@ -1,348 +0,0 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
-/**
- * Mixin for fluid type.
- * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
- */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
-}
-
-:host(.hy-menu-item--mobile) {
-  --menu-item-display: flex;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 4px;
-}
-
-:host(.hy-menu-item--mobile.hy-menu-item--alternative) {
-  border-bottom: 0 none;
-  border-top: 1px solid black;
-}
-
-:host(.hy-menu-item--mobile:last-of-type) {
-  border-bottom: 0 none;
-}
-
-:host(.hy-menu-item--mobile.is-hidden) {
-  visibility: hidden !important;
-}
-
-:host(.hy-menu-item--mobile.is-hidden):focus {
-  outline: none;
-}
-
-:host(.hy-menu-item--sidenav) {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: column;
-  flex-flow: column;
-  --hy-menu-item-sidenav-display: block;
-}
-
-:host(.hy-menu-item--sidenav.is-active) {
-  display: block;
-  visibility: visible;
-}
-
-:host(.hy-menu-item--sidenav.is-active--child) {
-  display: block;
-  visibility: visible;
-}
-
-:host(.hy-menu-item--sidenav.in-active-trail) {
-  display: block;
-  visibility: visible;
-}
-
-:host(.hy-menu-item) a {
-  font-size: 1rem;
-  line-height: 20px;
-  font-weight: 600;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: var(--brand-main);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: var(--main-font-family);
-  letter-spacing: -0.5px;
-  text-decoration: none;
-  width: 100%;
-  padding: 12px 16px;
-}
-
-:host(.hy-menu-item) a:focus {
-  outline: solid 2px var(--additional-yellow);
-  outline-offset: -2px;
-}
-
-:host(.hy-menu-item) a .hy-menu-item__label hy-icon {
-  display: -webkit-inline-box !important;
-  display: -ms-inline-flexbox !important;
-  display: inline-flex !important;
-  margin-left: 6px;
-  margin-right: 0;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-
-:host(.hy-menu-item) a .hy-menu-item__label hy-icon svg {
-  fill: var(--brand-main);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.first {
-  font-size: 1.3125rem;
-  line-height: 28px;
-  font-weight: 700;
-  color: var(--brand-main-light);
-  letter-spacing: -0.42px;
-  padding: 16px 0 16px 16px;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.is-active {
-  color: var(--grayscale-black);
-  position: relative;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.is-active:before {
-  border-left: 3px solid var(--grayscale-black);
-  content: "";
-  height: 75%;
-  left: 10px;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail {
-  font-weight: 700;
-  color: var(--grayscale-black);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.in-active-trail:before {
-  border-left-width: 3px;
-  height: 55%;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading {
-  font-size: 1.3125rem;
-  line-height: 28px;
-  font-weight: 700;
-  color: var(--brand-main-light);
-  letter-spacing: -0.42px;
-  padding: 16px;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active, :host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail {
-  font-weight: 700;
-  background: transparent;
-  border-bottom: 0;
-  color: var(--grayscale-black);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.is-active:before, :host(.hy-menu-item) a.hy-menu-item--mobile.is-heading.in-active-trail:before {
-  border-left-width: 3px;
-  height: 55%;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile > hy-icon {
-  -ms-flex-item-align: start;
-  align-self: flex-start;
-  margin-top: 10px;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--mobile hy-icon + .hy-menu-item__label {
-  margin-left: 10px;
-}
-
-:host(.hy-menu-item) a.is-heading {
-  display: inherit;
-}
-
-@media (min-width: 75.0625rem) {
-  :host(.hy-menu-item) a.is-heading {
-    display: none;
-  }
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav {
-  font-size: 1.125rem;
-  line-height: 24px;
-  font-weight: 700;
-  color: var(--brand-main-light);
-  display: var(--hy-menu-item-sidenav-display);
-  font-family: var(--main-font-family);
-  margin: 10px 0;
-  padding: 8px 0;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav:focus {
-  outline-offset: 4px;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav:hover {
-  color: var(--brand-main-nearly-black);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active {
-  color: var(--brand-main-nearly-black);
-  text-decoration: none;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active .hy-menu-item__label {
-  padding-bottom: 0;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading {
-  font-size: 1.625rem;
-  line-height: 40px;
-  color: var(--brand-main-nearly-black);
-  text-transform: uppercase;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label {
-  border-bottom: 4px solid var(--brand-main-nearly-black);
-  padding: 0;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--heading .hy-menu-item__label__icon {
-  display: none;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-active--child {
-  color: var(--brand-main-light);
-  text-decoration: none;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon {
-  color: var(--brand-main-light);
-  display: inline-block;
-  padding-left: 5px;
-}
-
-.is-active :host(.hy-menu-item) a.hy-menu-item--sidenav .hy-menu-item__label__icon {
-  display: none;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent {
-  font-size: 1rem;
-  line-height: 22px;
-  font-weight: 600;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  color: var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  text-decoration: none;
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover {
-  color: var(--brand-main-nearly-black);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent:hover .hy-menu-item__label__icon {
-  color: var(--brand-main-nearly-black);
-}
-
-:host(.hy-menu-item) a.hy-menu-item--sidenav.is-parent .hy-menu-item__label__icon {
-  margin-right: 8px;
-}
-
-.hy-menu-item__button {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background: transparent;
-  border: 0;
-  border-bottom: 0;
-  border-right: 0;
-  border-top: 0;
-  cursor: pointer;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0;
-  width: 44px;
-  position: relative;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-}
-
-.hy-menu-item__button:before {
-  background-color: var(--grayscale-medium);
-  width: 1px;
-  height: 32px;
-  content: "";
-  display: inline-block;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
-  top: 50%;
-  left: 0;
-  position: absolute;
-}
-
-.hy-menu-item__button svg {
-  fill: var(--grayscale-black);
-}