@itcenteratunihelsinki/huds-lib 0.5.44 → 0.6.0

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

@@ -1,337 +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 {
-  display: block;
-}
-
-/* .hy-menu-sidebar__no-scroll {
-  height: 200vh;
-  overflow: hidden;
-}
-
-.hy-menu-sidepanel__no-scroll {
-  height: 100vh;
-  overflow: hidden;
-} */
-
-.hy-menu-sidebar--container {
-  background: none;
-  position: relative;
-}
-
-.hy-menu-sidebar--container.sidebar-open {
-  background: linear-gradient(to right, #fff 380px, rgba(0, 0, 0, 0.5) 10%);
-  bottom: 0;
-  display: block;
-  height: auto;
-  left: 16px;
-  overflow: auto;
-  position: absolute;
-  right: 0;
-  top: -96px;
-  -webkit-transition: all 0.25s ease-in;
-  transition: all 0.25s ease-in;
-  z-index: 15;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 96px;
-  margin-bottom: 40px;
-  margin-top: -8px;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__logo .hy-site-logo__label {
-  max-width: 200px;
-}
-
-.hy-menu-sidebar--container.sidebar-open .hy-menu-sidebar__panel-toggle {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.hy-menu-sidebar--container .hy-menu-sidebar__panel-toggle,
-.hy-menu-sidebar--container .hy-menu-sidebar__logo {
-  display: none;
-}
-
-.hy-menu-sidepanel--container {
-  -webkit-animation-direction: normal;
-  animation-direction: normal;
-  -webkit-animation-duration: 0.25s;
-  animation-duration: 0.25s;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-  -webkit-animation-name: sidepanel-moveout;
-  animation-name: sidepanel-moveout;
-  bottom: 0;
-  display: none;
-  left: 0;
-  overflow: auto;
-  position: absolute;
-  right: 0;
-  top: -96px;
-  -webkit-transform: translateX(-105%);
-  transform: translateX(-105%);
-  visibility: hidden;
-  z-index: 124;
-}
-
-.hy-menu-sidepanel--container.sidepanel-open {
-  -webkit-animation-direction: normal;
-  animation-direction: normal;
-  -webkit-animation-duration: 0.35s;
-  animation-duration: 0.35s;
-  -webkit-animation-fill-mode: forwards;
-  animation-fill-mode: forwards;
-  -webkit-animation-name: sidepanel-movein;
-  animation-name: sidepanel-movein;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: auto;
-  min-height: 100vh;
-  width: 100%;
-}
-
-.hy-menu-sidepanel--container.sidepanel-open :not(.is-parent):not(.in-active-trail):not(.is-active-item).hy-menu-item-sidebar .hy-menu-item-sidebar--label-container {
-  background: -webkit-gradient(linear, right top, left top, from(#f5f5f5), to(#f8f8f8));
-  background: linear-gradient(270deg, #f5f5f5 0%, #f8f8f8 100%);
-}
-
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 96px;
-  margin-bottom: 46px;
-  margin-top: -26px;
-  margin-left: -4px;
-}
-
-.hy-menu-sidepanel--container.sidepanel-open .hy-menu-sidepanel__logo .hy-site-logo__label {
-  max-width: 200px;
-}
-
-.hy-menu-sidebar {
-  display: none;
-}
-
-@media (min-width: 75.0625rem) {
-  .hy-menu-sidebar {
-    display: block;
-    max-width: calc(320px - 16px);
-  }
-  .hy-menu-sidebar[aria-hidden=false] {
-    padding-right: 12px;
-    min-height: var(--minHeight);
-    width: 20vw;
-  }
-  .hy-menu-sidebar[aria-hidden=false] .hy-menu-item-sidebar.hy-menu-item-sidebar--sidenav.hy-menu-item--level-1.is-parent {
-    border-bottom: 1px solid var(--brand-main-light) !important;
-  }
-}
-
-.hy-menu-sidebar__panel-toggle {
-  font-size: 0.875rem;
-  line-height: 20px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  color: var(--brand-main-light);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  font-family: var(--main-font-family);
-  font-weight: 600;
-  letter-spacing: -0.5px;
-  margin-bottom: 1rem;
-  text-decoration: none;
-}
-
-.hy-menu-sidebar__panel-toggle:hover {
-  cursor: pointer;
-  color: var(--brand-main);
-  text-decoration: underline;
-}
-
-.hy-menu-sidebar__panel-toggle svg {
-  fill: var(--brand-main-light);
-}
-
-.hy-menu-sidebar__panel-toggle hy-icon:last-child {
-  margin-right: 0.75rem;
-}
-
-.hy-menu-sidepanel__logo-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  height: 150px;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin: 20px;
-  position: relative;
-  z-index: 125;
-}
-
-@-webkit-keyframes sidepanel-movein {
-  from {
-    display: none;
-    -webkit-transform: translateX(-105%);
-    transform: translateX(-105%);
-    visibility: hidden;
-  }
-  5% {
-    display: -webkit-box;
-    display: flex;
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  to {
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    visibility: visible;
-  }
-}
-
-@keyframes sidepanel-movein {
-  from {
-    display: none;
-    -webkit-transform: translateX(-105%);
-    transform: translateX(-105%);
-    visibility: hidden;
-  }
-  5% {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-  }
-  50% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  to {
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    visibility: visible;
-  }
-}
-
-@-webkit-keyframes sidepanel-moveout {
-  from {
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    visibility: visible;
-  }
-  75% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  90% {
-    -webkit-transform: translateX(-105%);
-    transform: translateX(-105%);
-  }
-  to {
-    display: none;
-    visibility: hidden;
-  }
-}
-
-@keyframes sidepanel-moveout {
-  from {
-    background-color: rgba(0, 0, 0, 0.5);
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    visibility: visible;
-  }
-  75% {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  90% {
-    -webkit-transform: translateX(-105%);
-    transform: translateX(-105%);
-  }
-  to {
-    display: none;
-    visibility: hidden;
-  }
-}