@itcenteratunihelsinki/huds-lib 0.5.44 → 0.6.0

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

@@ -1,399 +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;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item-sidebar__label,
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item__label__icon,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item-sidebar__label,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level) .hy-menu-item__label__icon {
-  background: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));
-  background: linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%);
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar__label,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar__label {
-  background-color: none !important;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover {
-  background: var(--hover-gray) !important;
-  text-decoration: underline;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover {
-  background: var(--hover-gray) !important;
-  cursor: pointer;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover svg,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:not([aria-expanded=true]):hover svg {
-  width: 22px;
-  height: 22px;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover {
-  background: var(--brand-main);
-  cursor: pointer;
-  -webkit-transition: all 0.25s ease;
-  transition: all 0.25s ease;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover .hy-menu-item__label__icon__svg,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover .hy-menu-item__label__icon__svg {
-  -webkit-transform: rotate(180deg) translateX(2px);
-  transform: rotate(180deg) translateX(2px);
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover svg,
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon[aria-expanded=true]:hover svg {
-  width: 22px;
-  height: 22px;
-}
-
-.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item-sidebar__label:hover {
-  border: 1px solid var(--brand-main);
-  margin: -1px;
-  text-decoration: underline;
-}
-
-.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:hover {
-  border: 1px solid var(--brand-main);
-  margin: -1px;
-  margin-left: 7px;
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-.hy-menu-sidebar--container:not(.sidebar-open) .hy-menu-item-sidebar:not(.is-parent) .hy-menu-item__label__icon:hover svg {
-  width: 22px;
-  height: 22px;
-}
-
-.hy-menu-item-sidebar {
-  list-style-type: none;
-  margin-bottom: 6px;
-  /*   &:hover {
-    color: var(--brand-main-nearly-black);
-  } */
-}
-
-.hy-menu-item-sidebar--label-container {
-  font-size: 0.875rem;
-  line-height: 20px;
-  font-weight: 600;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  color: var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: var(--main-font-family);
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
-  hyphens: auto;
-  min-height: 48px;
-  padding: 0;
-  word-break: break-word;
-}
-
-@media (min-width: 1601px) {
-  .hy-menu-item-sidebar--label-container {
-    font-size: 1rem;
-    line-height: 22px;
-  }
-}
-
-.hy-menu-item-sidebar:focus {
-  outline-offset: 4px;
-}
-
-.hy-menu-item-sidebar > .hy-menu-level-container.hy-menu-level-container--sidepanel {
-  display: none;
-}
-
-.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail > .hy-menu-item-sidebar--label-container {
-  border: 1px solid var(--brand-main-light);
-  text-decoration: none;
-}
-
-.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail > .hy-menu-item-sidebar--label-container > .hy-menu-item__label__icon {
-  background-color: var(--brand-main-light);
-  border: none;
-}
-
-.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail > .hy-menu-item-sidebar--label-container > .hy-menu-item__label__icon svg {
-  fill: var(--grayscale-white);
-}
-
-.hy-menu-item-sidebar.hy-menu-item-sidebar--sidepanel.in-active-trail > .hy-menu-level-container--sidepanel {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item > .hy-menu-item-sidebar--label-container {
-  background: var(--grayscale-white) !important;
-  text-decoration: none;
-}
-
-.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item > .hy-menu-item-sidebar--label-container > a.hy-menu-item-sidebar__label {
-  border: 1px solid var(--brand-main-light);
-  border-right: 0;
-}
-
-.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item > .hy-menu-item-sidebar--label-container > .hy-menu-item__label__icon {
-  background: var(--brand-main-light);
-  border: none;
-  margin-left: 4px;
-}
-
-.hy-menu-item-sidebar:not(.is-parent):not(.is-parent--sub-level).is-active-item > .hy-menu-item-sidebar--label-container > .hy-menu-item__label__icon svg {
-  fill: var(--grayscale-white);
-}
-
-.hy-menu-item-sidebar__label {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: var(--grayscale-white);
-  color: var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
-  hyphens: auto;
-  padding: 8px 10px 8px 20px;
-  text-decoration: none;
-  width: 100%;
-  word-break: break-word;
-}
-
-.hy-menu-item-sidebar__label:focus {
-  outline: none;
-  -webkit-box-shadow: 0 0 1px 1px rgba(55, 148, 224, 0.5);
-  box-shadow: 0 0 1px 1px rgba(55, 148, 224, 0.5);
-  border-radius: none;
-}
-
-.hy-menu-item-sidebar .hy-menu-item__label__icon {
-  border-top: 0;
-  border-right: 0;
-  border-bottom: 0;
-  background: var(--grayscale-white);
-  border-left: 1px solid var(--brand-main-light);
-  color: var(--brand-main-light);
-  display: inline-block;
-  position: relative;
-  width: 61.5px;
-  margin-left: 6px;
-  min-height: 48px;
-}
-
-.hy-menu-item-sidebar .hy-menu-item__label__icon svg {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-  transform: translate(-50%, -50%);
-}
-
-.hy-menu-item-sidebar .hy-menu-item__label__icon:focus {
-  outline: none;
-  -webkit-box-shadow: 0 0 1px 1px rgba(55, 148, 224, 0.5);
-  box-shadow: 0 0 1px 1px rgba(55, 148, 224, 0.5);
-  border-radius: none;
-}
-
-.hy-menu-item-sidebar.is-parent {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  margin-bottom: 10px;
-  max-width: 280px;
-  padding-bottom: 10px;
-  width: calc(100% - 25px);
-}
-
-.hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar--label-container {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background: none;
-  border: none;
-  color: var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.hy-menu-item-sidebar.is-parent .hy-menu-item-sidebar--label-container .hy-menu-item-sidebar__label {
-  font-size: 1.625rem;
-  line-height: 26px;
-  background-color: transparent !important;
-  font-family: var(--main-font-family);
-  font-weight: bold;
-  letter-spacing: -0.81px;
-  padding: 0;
-  text-decoration: none;
-  text-transform: uppercase;
-}
-
-.hy-menu-item-sidebar.is-parent:hover span {
-  background: none;
-  border: none;
-  margin: 0;
-}
-
-.hy-menu-item-sidebar.is-parent:hover a {
-  border: none;
-  color: var(--brand-main) !important;
-  text-decoration: underline;
-  margin: 0;
-}
-
-.hy-menu-item-sidebar.is-parent:hover .hy-menu-item__parent__icon__svg {
-  fill: var(--brand-main-nearly-black);
-}
-
-.hy-menu-item-sidebar.is-parent .hy-menu-item__parent__icon {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  height: 26px;
-}
-
-.hy-menu-item-sidebar.is-parent .hy-menu-item__parent__icon__svg svg {
-  fill: var(--brand-main-light);
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level {
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  background: none;
-  border-bottom: 1px solid var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 12px;
-  padding-bottom: 18px;
-  position: absolute;
-  -webkit-transform: translateY(calc(-100% - 12px));
-  transform: translateY(calc(-100% - 12px));
-  width: calc(100% - 25px);
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level .hy-menu-item-parent__icon {
-  bottom: 20px;
-  left: -20px;
-  position: absolute;
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level * {
-  text-transform: uppercase;
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level svg {
-  fill: var(--brand-main-light);
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level .hy-menu-item-sidebar__label:hover {
-  background: none !important;
-  text-decoration: underline;
-}
-
-.hy-menu-item-sidebar.is-parent.is-parent--sub-level > .hy-menu-item-sidebar--label-container {
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  margin: 0 0 0 0.5rem;
-  padding: 0;
-}
-
-.hy-menu-item-sidebar.is-current-page span.hy-menu-item-sidebar__label {
-  border-left: 4px solid var(--grayscale-black);
-  color: var(--grayscale-black);
-  padding: 8px 10px 8px 6px !important;
-}
-
-.hy-menu-item-sidebar.is-current-page.is-parent .hy-menu-item__parent__icon {
-  display: none;
-}