@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.79

package/dist/collection/components/hy-site-header/site-search/site-search.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;
+}
 .button--search {
   font-size: 0.75rem;
   line-height: 24px;
@@ -82,7 +31,6 @@
   letter-spacing: -0.5px;
   width: 44px;
 }
-
 @media (min-width: 75.0625rem) {
   .button--search {
     display: inline-grid;
@@ -91,32 +39,26 @@
     width: auto;
   }
 }
-
 @media (min-width: 1601px) {
   .button--search {
     font-size: 0.875rem;
     line-height: 24px;
   }
 }
-
 .button--search:hover:not([disabled]) {
   color: var(--brand-main);
   cursor: pointer;
 }
-
 .button--search:hover:not([disabled]) svg {
   fill: var(--brand-main);
 }
-
 .button--search:focus:not([disabled]) {
   outline: solid 2px var(--additional-yellow);
   outline-offset: 2px;
 }
-
 .button--search.is-active, .button--search[aria-expanded=true] {
   position: relative;
 }
-
 .button--search.is-active:after, .button--search[aria-expanded=true]:after {
   content: "";
   position: absolute;
@@ -126,32 +68,26 @@
   left: 0;
   background-color: var(--grayscale-black);
 }
-
 .is-group .button--search {
   color: var(--grayscale-white);
 }
-
 .is-group .button--search:hover:not([disabled]) {
   color: var(--grayscale-medium);
   cursor: pointer;
 }
-
 .is-group .button--search:hover:not([disabled]) svg {
   fill: var(--grayscale-medium);
 }
-
 .button--search.is-open--menu {
   position: absolute;
   right: 50px;
   top: 15px;
   z-index: 101;
 }
-
 .button--search__label {
   display: none;
   visibility: hidden;
 }
-
 @media (min-width: 75.0625rem) {
   .button--search__label {
     display: block;
@@ -161,15 +97,12 @@
     order: 2;
   }
 }
-
 .site-search {
   height: 100%;
 }
-
 .site-search__panel {
   display: none;
 }
-
 .site-search__panel__is-open {
   background-color: rgba(0, 0, 0, 0.5);
   border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -187,7 +120,6 @@
   width: 100%;
   z-index: 520;
 }
-
 .site-search__panel__title__group {
   -webkit-box-align: baseline;
   -ms-flex-align: baseline;
@@ -200,7 +132,6 @@
   -ms-flex-direction: column;
   flex-direction: column;
 }
-
 @media (min-width: 60rem) {
   .site-search__panel__title__group {
     -webkit-box-align: baseline;
@@ -215,7 +146,6 @@
     justify-content: flex-start;
   }
 }
-
 .site-search__panel__title .panel-title {
   font-size: 2rem;
   line-height: 32px;
@@ -226,7 +156,6 @@
   margin-top: 20px;
   text-transform: uppercase;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__title .panel-title {
     font-size: 2.875rem;
@@ -235,7 +164,6 @@
     margin-top: 24px;
   }
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__title .panel-title {
     font-size: 3.25rem;
@@ -243,7 +171,6 @@
     letter-spacing: -1.6px;
   }
 }
-
 .site-search__panel__title .description {
   font-size: 0.75rem;
   line-height: 16px;
@@ -252,7 +179,6 @@
   margin-bottom: 16px;
   padding: 0;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__title .description {
     font-size: 1rem;
@@ -261,7 +187,6 @@
     margin-bottom: 18px;
   }
 }
-
 @media (min-width: 60rem) {
   .site-search__panel__title .description {
     font-size: 1.125rem;
@@ -270,7 +195,6 @@
     padding-left: 8px;
   }
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__title .description {
     font-size: 1.25rem;
@@ -279,37 +203,31 @@
     padding-left: 12px;
   }
 }
-
 .site-search__panel__content {
   background-color: #f8f8f8;
   width: 100%;
 }
-
 .site-search__panel__space-box {
   height: 100%;
   width: 100%;
 }
-
 .site-search__panel__wrapper {
   margin: 0 auto;
   max-width: 100%;
   padding: 0 1rem 2rem;
   width: 100%;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__wrapper {
     max-width: 1216px;
     padding: 0 0 2rem;
   }
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__wrapper {
     padding: 0 0 4rem;
   }
 }
-
 .site-search__panel__panel-toggle {
   background-color: transparent;
   border: none;
@@ -317,20 +235,17 @@
   right: 1rem;
   top: 25px;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__panel-toggle {
     right: 2rem;
     top: 36px;
   }
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__panel-toggle {
     top: 45px;
   }
 }
-
 .site-search__panel__panel-toggle__label {
   font-size: 0.875rem;
   line-height: 22px;
@@ -345,11 +260,9 @@
   letter-spacing: -0.44px;
   text-transform: uppercase;
 }
-
 .site-search__panel__panel-toggle__label__title {
   padding-right: 8px;
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__panel-toggle__label {
     font-size: 1.125rem;
@@ -357,19 +270,15 @@
     letter-spacing: -0.56px;
   }
 }
-
 .site-search__panel__panel-toggle:focus:not([disabled]), .site-search__panel__panel-toggle:hover:not([disabled]) {
   cursor: pointer;
 }
-
 .site-search__panel__panel-toggle:focus:not([disabled]) span, .site-search__panel__panel-toggle:hover:not([disabled]) span {
   color: var(--brand-main);
 }
-
 .site-search__panel__panel-toggle:focus:not([disabled]) svg, .site-search__panel__panel-toggle:hover:not([disabled]) svg {
   fill: var(--brand-main);
 }
-
 .site-search__panel__tools .title {
   font-size: 1rem;
   line-height: 20px;
@@ -378,7 +287,6 @@
   letter-spacing: -0.5px;
   text-transform: uppercase;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__tools .title {
     font-size: 1.125rem;
@@ -387,7 +295,6 @@
     margin: 32px 0 16px;
   }
 }
-
 .site-search__panel__tools .list a.search-special-tool {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -399,7 +306,6 @@
   margin-bottom: 8px;
   text-decoration: none;
 }
-
 .site-search__panel__tools .list a.search-special-tool .label {
   font-size: 0.875rem;
   line-height: 16px;
@@ -408,7 +314,6 @@
   letter-spacing: -0.44px;
   padding-left: 8px;
 }
-
 @media (min-width: 30rem) {
   .site-search__panel__tools .list a.search-special-tool .label {
     font-size: 1rem;
@@ -417,11 +322,9 @@
     padding-left: 12px;
   }
 }
-
 .site-search__panel__tools .list a.search-special-tool .description {
   display: none;
 }
-
 @media (min-width: 60rem) {
   .site-search__panel__tools .list a.search-special-tool .description {
     font-size: 0.875rem;
@@ -434,7 +337,6 @@
     padding-left: 12px;
   }
 }
-
 @media (min-width: 1601px) {
   .site-search__panel__tools .list a.search-special-tool .description {
     font-size: 1rem;
@@ -447,12 +349,10 @@
     padding-left: 12px;
   }
 }
-
 .site-search__panel__tools .list a.search-special-tool hy-icon {
   height: 40px;
   width: 40px;
 }
-
 .site-search__panel__tools .list a.search-special-tool hy-icon svg {
   background-color: var(--brand-main-light);
   fill: var(--grayscale-white);

package/dist/collection/components/hy-table-container/hy-table-container.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;
+}
 .hy-table-container {
   font-size: 0.875rem;
   line-height: 18px;
@@ -65,27 +14,23 @@
   overflow: scroll;
   white-space: nowrap;
 }
-
 @media (min-width: 30rem) {
   .hy-table-container {
     font-size: 1rem;
     line-height: 20px;
   }
 }
-
 .hy-table-container table {
   border-collapse: collapse;
   border: 1px solid var(--grayscale-dark);
   text-indent: initial;
   width: 100%;
 }
-
 .hy-table-container thead {
   border-bottom: 1px solid var(--grayscale-dark);
   border-left: 1px solid var(--grayscale-dark);
   border-right: 1px solid var(--grayscale-dark);
 }
-
 .hy-table-container thead th {
   font-size: 0.875rem;
   line-height: 20px;
@@ -93,14 +38,12 @@
   background-color: var(--grayscale-light);
   text-transform: uppercase;
 }
-
 @media (min-width: 30rem) {
   .hy-table-container thead th {
     font-size: 1rem;
     line-height: 20px;
   }
 }
-
 .hy-table-container td,
 .hy-table-container th {
   border: 1px solid var(--grayscale-dark);
@@ -113,23 +56,19 @@
   vertical-align: top;
   word-wrap: break-word;
 }
-
 .hy-table-container td a,
 .hy-table-container th a {
   text-decoration: none;
 }
-
 .hy-table-container td a:hover,
 .hy-table-container th a:hover {
   cursor: pointer;
   text-decoration: underline;
 }
-
 .hy-table-container td p,
 .hy-table-container th p {
   font-size: inherit;
 }
-
 .hy-table-container td:first-child,
 .hy-table-container th:first-child {
   font-weight: 700;
@@ -143,14 +82,12 @@
   width: 180px;
   z-index: 2;
 }
-
 @media (min-width: 60rem) {
   .hy-table-container td:first-child,
   .hy-table-container th:first-child {
     border-right: 1px solid var(--grayscale-dark);
   }
 }
-
 .hy-table-container td:first-child::after,
 .hy-table-container th:first-child::after {
   content: "";
@@ -164,14 +101,12 @@
   background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
 }
-
 @media (min-width: 60rem) {
   .hy-table-container td:first-child::after,
   .hy-table-container th:first-child::after {
     display: none;
   }
 }
-
 .hy-table-container td:first-child::before,
 .hy-table-container th:first-child::before {
   border-left: 1px solid black;
@@ -184,14 +119,12 @@
   top: 0;
   height: 100%;
 }
-
 @media (min-width: 60rem) {
   .hy-table-container td:first-child::before,
   .hy-table-container th:first-child::before {
     display: none;
   }
 }
-
 @media (min-width: 30rem) {
   .hy-table-container td:first-child,
   .hy-table-container th:first-child {
@@ -200,7 +133,6 @@
     width: 220px;
   }
 }
-
 @media (min-width: 48rem) {
   .hy-table-container td:first-child,
   .hy-table-container th:first-child {
@@ -209,7 +141,6 @@
     width: 300px;
   }
 }
-
 @media (min-width: 60rem) {
   .hy-table-container td:first-child,
   .hy-table-container th:first-child {
@@ -218,24 +149,20 @@
     width: 40%;
   }
 }
-
 .hy-table-container td:first-child:only-child,
 .hy-table-container th:first-child:only-child {
   border: 1px solid var(--grayscale-dark);
 }
-
 .hy-table-container td:first-child:only-child::after, .hy-table-container td:first-child:only-child::before,
 .hy-table-container th:first-child:only-child::after,
 .hy-table-container th:first-child:only-child::before {
   display: none;
 }
-
 .hy-table-container td {
   background-color: var(--grayscale-white);
   word-wrap: break-word;
   white-space: normal;
 }
-
 .hy-table-container caption {
   margin-bottom: 1rem;
 }