@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.79

package/dist/collection/components/hy-navigation/menu-language/menu-language.css

@@ -1,62 +1,11 @@
-: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-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --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;
-}
-
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 .menu-language {
   position: relative;
   -webkit-box-align: center;
@@ -67,7 +16,6 @@
   display: flex;
   height: 100%;
 }
-
 .menu-language__toggle {
   font-size: 1rem;
   line-height: 16px;
@@ -88,7 +36,6 @@
   text-transform: uppercase;
   height: 100%;
 }
-
 @media (min-width: 75.0625rem) {
   .menu-language__toggle {
     font-size: 0.75rem;
@@ -100,32 +47,26 @@
     padding: 0;
   }
 }
-
 @media (min-width: 1601px) {
   .menu-language__toggle {
     font-size: 0.875rem;
     line-height: 24px;
   }
 }
-
 .menu-language__toggle:hover {
   color: var(--brand-main);
   cursor: pointer;
 }
-
 .menu-language__toggle:hover svg {
   fill: var(--brand-main);
 }
-
 .menu-language__toggle:focus {
   outline: solid 2px var(--additional-yellow);
   outline-offset: 2px;
 }
-
 .menu-language__toggle hy-icon:first-of-type {
   display: none !important;
 }
-
 @media (min-width: 75.0625rem) {
   .menu-language__toggle hy-icon:first-of-type {
     display: -webkit-inline-box !important;
@@ -133,11 +74,9 @@
     display: inline-flex !important;
   }
 }
-
 .menu-language__toggle[aria-expanded=true] {
   position: relative;
 }
-
 .menu-language__toggle[aria-expanded=true]:after {
   content: "";
   position: absolute;
@@ -147,25 +86,20 @@
   left: 0;
   background-color: var(--grayscale-black);
 }
-
 .menu-language__toggle[aria-expanded=true] span + hy-icon {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
 }
-
 .is-group .menu-language__toggle {
   color: var(--grayscale-white);
 }
-
 .is-group .menu-language__toggle:hover {
   color: var(--grayscale-medium);
   cursor: pointer;
 }
-
 .is-group .menu-language__toggle:hover svg {
   fill: var(--grayscale-medium);
 }
-
 .menu-language__dropdown {
   background-color: var(--grayscale-white);
   border-radius: 0 0 5px 5px;
@@ -191,18 +125,15 @@
   z-index: 100;
   min-width: 160px;
 }
-
 .menu-language__dropdown[aria-hidden=true] {
   display: none;
 }
-
 @media (min-width: 75.0625rem) {
   .menu-language__dropdown {
     left: -15px;
     right: 0;
   }
 }
-
 .menu-language__links {
   margin: 0;
   padding: 0;

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

@@ -1,62 +1,11 @@
-: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-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --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;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 .menu-language__link {
   font-size: 1rem;
   line-height: 24px;
@@ -69,21 +18,17 @@
   padding: 12px 12px;
   display: block;
 }
-
 .menu-language__link:hover {
   background-color: var(--grayscale-background-box);
   color: var(--brand-main);
 }
-
 .menu-language__link.is-active {
   color: var(--grayscale-black);
   border: 2px solid var(--grayscale-black);
 }
-
 .menu-language__link.is-disabled {
   color: var(--link-disabled);
 }
-
 .menu-language__link.is-disabled:hover {
   background-color: transparent;
   color: var(--link-disabled);

package/dist/collection/components/hy-opening-hours/hy-opening-hours.css

@@ -1,81 +1,26 @@
-: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-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --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;
-}
-
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 :host {
   display: block;
 }
-
 .hy-open-hours--container {
   font-family: var(--main-font-family);
   max-width: 50rem;
   overflow: hidden;
 }
-
 .hy-open-hours--container--exceptional {
   max-width: 100%;
 }
-
 .open-hours__title {
   text-transform: uppercase;
   margin-bottom: 0.75rem;
 }
-
 .open-hours__date-change {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -93,7 +38,6 @@
   -ms-flex-pack: justify;
   justify-content: space-between;
 }
-
 .open-hours__date-change--title {
   font-size: 1.25rem;
   line-height: 24px;
@@ -104,7 +48,6 @@
   text-align: center;
   text-transform: uppercase;
 }
-
 .open-hours__date-change .open-hours__prev-date,
 .open-hours__date-change .open-hours__next-date {
   background: none;
@@ -118,25 +61,21 @@
   position: relative;
   width: 44px;
 }
-
 .open-hours__date-change .open-hours__prev-date:hover,
 .open-hours__date-change .open-hours__next-date:hover {
   background-color: var(--hover-gray);
   color: var(--brand-main-active);
   cursor: pointer;
 }
-
 .open-hours__date-change .open-hours__prev-date:focus,
 .open-hours__date-change .open-hours__next-date:focus {
   background-color: var(--hover-gray);
   color: var(--brand-main-active);
 }
-
 .open-hours__date-change .open-hours__prev-date:disabled,
 .open-hours__date-change .open-hours__next-date:disabled {
   cursor: none;
 }
-
 .open-hours__date-change .open-hours__prev-date hy-icon,
 .open-hours__date-change .open-hours__next-date hy-icon {
   color: var(--link-blue);
@@ -146,22 +85,18 @@
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
-
 .open-hours__date-change .open-hours__prev-date svg,
 .open-hours__date-change .open-hours__next-date svg {
   fill: currentColor;
   height: 20px;
   width: 20px;
 }
-
 .open-hours__date-change .open-hours__prev-date {
   border-right: 1px solid var(--link-blue);
 }
-
 .open-hours__date-change .open-hours__next-date {
   border-left: 1px solid var(--link-blue);
 }
-
 .open-hours__content__top {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -177,30 +112,24 @@
   justify-content: space-between;
   padding: 0.5rem 0;
 }
-
 .open-hours__content__top-label {
   margin: 0.5rem 0 0.5rem 0;
   text-align: left;
   width: 33.3333333333vw;
   word-break: break-word;
 }
-
 .open-hours__content__top-label:first-child() {
   margin-right: 1rem;
 }
-
 .open-hours__content__top-label.luomus {
   width: 50vw;
 }
-
 .open-hours__content__top-label.building.luomus {
   text-align: center;
 }
-
 .open-hours__content {
   position: relative;
 }
-
 .open-hours__content.open-hours__loading:after {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
@@ -210,42 +139,34 @@
   top: 35%;
   z-index: 2;
 }
-
 .open-hours__content.slide-left {
   -webkit-animation: slide-left 0.2s ease-in-out both;
   animation: slide-left 0.2s ease-in-out both;
 }
-
 .open-hours__content.slide-left-reverse {
   -webkit-animation: slide-left-reverse 0.2s ease-in-out reverse both;
   animation: slide-left-reverse 0.2s ease-in-out reverse both;
 }
-
 .open-hours__content.slide-right {
   -webkit-animation: slide-right 0.2s ease-in-out both;
   animation: slide-right 0.2s ease-in-out both;
 }
-
 .open-hours__content.slide-right-reverse {
   -webkit-animation: slide-right-reverse 0.2s ease-in-out reverse both;
   animation: slide-right-reverse 0.2s ease-in-out reverse both;
 }
-
 .open-hours__links {
   margin: 1.5rem 0 1rem 0;
 }
-
 .open-hours__links .open-hours__link .hy-cta-link {
   width: 100% !important;
   -webkit-box-pack: start !important;
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
 }
-
 .open-hours__links .open-hours__link .hy-cta-link .text {
   width: 100% !important;
 }
-
 @-webkit-keyframes slide-right {
   0% {
     -webkit-transform: translateX(0);
@@ -258,7 +179,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-right {
   0% {
     -webkit-transform: translateX(0);
@@ -271,7 +191,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-right-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -284,7 +203,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-right-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -297,7 +215,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
@@ -310,7 +227,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
@@ -323,7 +239,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-left-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -336,7 +251,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-left-reverse {
   0% {
     -webkit-transform: translateX(0);

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css

@@ -1,66 +1,14 @@
-: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-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --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;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 :host {
   display: block;
 }
-
 .open-hours__list-item {
   border-top: 1px solid var(--grayscale-medium);
   color: var(--grayscale-dark-text);
@@ -79,11 +27,9 @@
   font-family: var(--main-font-family);
   text-align: start;
 }
-
 .open-hours__list-item--today {
   background-color: var(--grayscale-light);
 }
-
 .open-hours__list-item--today span:first-child {
   margin-left: 4px;
   padding-left: 4px;
@@ -91,24 +37,19 @@
   font-weight: bold;
   border-left: 2px solid var(--grayscale-black);
 }
-
 .open-hours__list-item > span:not(.luomus) {
   text-align: left;
   width: 33.3333333333vw;
 }
-
 .open-hours__list-item > span.luomus {
   width: 50vw;
 }
-
 .open-hours__list-item--date {
   margin-right: 1rem;
 }
-
 .open-hours__list-item--hours {
   margin-right: 0.2rem;
 }
-
 .open-hours__list-item--hours.luomus {
   text-align: center;
 }

package/dist/collection/components/hy-pagination/hy-pager/hy-pager.css

@@ -1,66 +1,14 @@
-: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-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --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;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 :host {
   display: block;
 }
-
 .hy-pager {
   -webkit-box-align: center;
   -ms-flex-align: center;