@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.78

package/dist/collection/components/hy-event-item/hy-event-item.css

@@ -1,62 +1,7 @@
-: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;
-}
-
 .hy-events__item {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -72,7 +17,6 @@
   white-space: initial;
   margin-bottom: 1rem;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item {
     -webkit-box-orient: horizontal;
@@ -83,7 +27,6 @@
     margin-bottom: 1.75rem;
   }
 }
-
 @media (min-width: 48rem) {
   .hy-events__item:not(.hy-events__item--grid) .hy-events__item--container {
     display: -webkit-box;
@@ -91,17 +34,14 @@
     display: flex;
   }
 }
-
 .hy-events__item:hover .hy-events__item__title {
   color: var(--brand-main);
   text-decoration: underline;
 }
-
 .hy-events__item:hover .hy-events__item__date--short,
 .hy-events__item:hover .hy-events__item__url-icon {
   background-color: var(--brand-main-active);
 }
-
 .hy-events__item__title {
   font-size: 1.125rem;
   line-height: 24px;
@@ -117,7 +57,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__title {
     font-size: 1.375rem;
@@ -129,7 +68,6 @@
     margin-bottom: 14px;
   }
 }
-
 .hy-events__item__details {
   font-family: var(--main-font-family);
   font-style: normal;
@@ -138,7 +76,6 @@
   line-height: 26px;
   color: var(--grayscale-black);
 }
-
 .hy-events__item__meta {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -148,7 +85,6 @@
   -ms-flex-direction: column;
   flex-direction: column;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__meta {
     -webkit-box-orient: horizontal;
@@ -157,7 +93,6 @@
     flex-direction: row;
   }
 }
-
 .hy-events__item__meta--item {
   font-size: 0.9375rem;
   line-height: 22px;
@@ -177,7 +112,6 @@
   font-weight: 400;
   word-break: break-word;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__meta--item {
     font-size: 1.0625rem;
@@ -190,20 +124,17 @@
     font-weight: 400;
   }
 }
-
 .hy-events__item__meta--item svg {
   width: 20px;
   height: 20px;
   margin-right: 9px;
   margin-top: 2px;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__meta--item svg {
     margin-top: 1px;
   }
 }
-
 .hy-events__item__date--short {
   font-size: 0.9375rem;
   line-height: 18px;
@@ -225,7 +156,6 @@
   margin-bottom: 20px;
   margin-right: 0;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__date--short {
     font-size: 1.0625rem;
@@ -244,7 +174,6 @@
     margin-bottom: 0;
   }
 }
-
 .hy-events__item__url-icon {
   display: none;
   -webkit-box-align: center;
@@ -262,7 +191,6 @@
   right: -9px;
   z-index: 1;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__url-icon {
     display: -webkit-box;
@@ -270,11 +198,9 @@
     display: flex;
   }
 }
-
 .hy-events__item__url-icon svg {
   fill: currentColor;
 }
-
 .hy-events__item__read-more {
   font-size: 0.9375rem;
   line-height: 18px;
@@ -289,13 +215,11 @@
   letter-spacing: -0.28125px;
   margin-top: 10px;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item__read-more {
     display: none;
   }
 }
-
 .hy-events__item--grid {
   padding: 1rem;
   -webkit-box-orient: vertical;
@@ -308,24 +232,20 @@
   position: relative;
   margin-bottom: 0;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid {
     max-width: 280px;
     padding: 1rem 1rem 0 1rem;
   }
 }
-
 .hy-events__item--grid.is-long {
   max-height: 100%;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid.is-long {
     max-height: 255px;
   }
 }
-
 .hy-events__item--grid.is-long::after {
   display: none;
   content: "";
@@ -337,35 +257,29 @@
   width: 100%;
   height: 36px;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid.is-long::after {
     display: block;
   }
 }
-
 .hy-events__item--grid.is-long .hy-events__item--container {
   overflow: visible;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid.is-long .hy-events__item--container {
     overflow: hidden;
   }
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid.is-long:hover, .hy-events__item--grid.is-long:focus {
     border: 0;
   }
 }
-
 .hy-events__item--grid.is-long:hover::after,
 .hy-events__item--grid.is-long:hover .hy-events__item--toggle, .hy-events__item--grid.is-long:focus::after,
 .hy-events__item--grid.is-long:focus .hy-events__item--toggle {
   display: none;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid.is-long:hover .hy-events__item--container, .hy-events__item--grid.is-long:focus .hy-events__item--container {
     background-color: white;
@@ -378,13 +292,11 @@
     overflow: visible;
   }
 }
-
 .hy-events__item--grid .hy-events__item__title {
   font-size: 1.125rem;
   line-height: 24px;
   letter-spacing: -0.36px;
 }
-
 .hy-events__item--grid .hy-events__item--toggle {
   display: none;
   -webkit-box-align: center;
@@ -401,7 +313,6 @@
   width: 24px;
   height: 24px;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid .hy-events__item--toggle {
     display: -webkit-box;
@@ -409,7 +320,6 @@
     display: flex;
   }
 }
-
 .hy-events__item--grid .hy-events__item__meta {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
@@ -417,16 +327,13 @@
   flex-direction: column;
   gap: 9px;
 }
-
 .hy-events__item--grid .hy-events__item__meta--item {
   font-size: 0.9375rem;
   line-height: 22px;
 }
-
 .hy-events__item--grid .hy-events__item__date--short {
   padding: 6px;
 }
-
 @media (min-width: 48rem) {
   .hy-events__item--grid .hy-events__item__date--short {
     font-size: 0.9375rem;

package/dist/collection/components/hy-events/hy-events.css

@@ -1,74 +1,16 @@
-: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;
-}
-
 hy-events.no-events .hy-events__no-result-container {
   font-family: var(--main-font-family);
 }
-
 hy-events.no-events .hy-events--wrapper .hy-events--grid {
   padding-bottom: 0;
 }
-
 hy-events.no-events .hy-events__footer {
   display: none;
 }
-
 .hy-events--wrapper .hy-events {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -78,7 +20,6 @@ hy-events.no-events .hy-events__footer {
   -ms-flex-direction: column;
   flex-direction: column;
 }
-
 .hy-events--wrapper .hy-events--grid {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
@@ -89,13 +30,11 @@ hy-events.no-events .hy-events__footer {
   white-space: nowrap;
   scrollbar-width: none;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events--grid {
     padding-bottom: 14rem;
   }
 }
-
 .hy-events--wrapper .hy-events--grid .hy-events__content {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -109,7 +48,6 @@ hy-events.no-events .hy-events__footer {
   -ms-flex-order: -1;
   order: -1;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events--grid .hy-events__content {
     -webkit-box-orient: horizontal;
@@ -118,7 +56,6 @@ hy-events.no-events .hy-events__footer {
     flex-direction: row;
   }
 }
-
 .hy-events--wrapper .hy-events__footer {
   -webkit-box-align: end;
   -ms-flex-align: end;
@@ -135,7 +72,6 @@ hy-events.no-events .hy-events__footer {
   justify-content: space-between;
   margin-bottom: 2rem;
 }
-
 .hy-events--wrapper .hy-events__footer--grid {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -143,18 +79,15 @@ hy-events.no-events .hy-events__footer {
   flex-direction: row;
   margin-top: 1.5rem;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events__footer--grid {
     margin-top: -9.5rem;
   }
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons {
   display: none;
   margin-top: 2rem;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events__scroll-buttons {
     display: -webkit-box;
@@ -162,29 +95,23 @@ hy-events.no-events .hy-events__footer {
     display: flex;
   }
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button {
   border: none;
   background: none;
   padding: 0.5rem;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button:hover {
   cursor: pointer;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button:hover svg {
   scale: 1.1;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-hidden {
   display: none;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-disabled {
   pointer-events: none;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg {
   fill: var(--link-disabled);
 }

package/dist/collection/components/hy-filter-group/hy-filter-group.css

@@ -1,62 +1,7 @@
-: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;
-}
-
 .hy-filter-group {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -68,7 +13,6 @@
   flex-wrap: wrap;
   margin-right: 16px;
 }
-
 .hy-filter-group__listing {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -82,7 +26,6 @@
   margin: 0;
   padding: 0;
 }
-
 .hy-filter-group__label {
   font-size: 0.75rem;
   line-height: 16px;
@@ -94,7 +37,6 @@
   margin: 8px 4px 8px 0;
   padding: 4px 0;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__label {
     font-size: 0.875rem;
@@ -103,7 +45,6 @@
     padding: 6px 0;
   }
 }
-
 .hy-filter-group__button {
   font-size: 0.75rem;
   line-height: 16px;
@@ -123,7 +64,6 @@
   margin: 8px 4px;
   padding: 4px 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button {
     font-size: 0.875rem;
@@ -132,32 +72,26 @@
     padding: 6px 8px;
   }
 }
-
 .hy-filter-group__button:hover {
   cursor: pointer;
 }
-
 .hy-filter-group__button-icon {
   margin-left: 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button-icon {
     margin-left: 8px;
   }
 }
-
 .hy-filter-group__button-icon svg {
   pointer-events: none;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button-icon svg {
     height: 12px;
     width: 12px;
   }
 }
-
 .hy-filter-group__divider {
   font-size: 0.75rem;
   line-height: 16px;
@@ -165,7 +99,6 @@
   font-family: var(--main-font-family);
   margin: 4px 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__divider {
     font-size: 0.875rem;