npm - @itcenteratunihelsinki/huds-lib - Versions diffs - 0.8.77 → 0.8.78 - Mend

@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (466) hide show

package/dist/collection/components/hy-paragraph-text/paragraph-text.css CHANGED Viewed

@@ -1,114 +1,51 @@
-: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;
-}
 /*
 * Common styles for text plus mobile & tablet & small desktop
 * in Content Pages and Field of science pages.
 */
 .hy-paragraph-text.content_page.external,
 .hy-paragraph-text.field_of_science.external {
   margin-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.content_page.external,
   .hy-paragraph-text.field_of_science.external {
     margin-top: 16px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.content_page.external,
   .hy-paragraph-text.field_of_science.external {
     margin-top: 32px;
   }
 }
 @media (min-width: 75.0625rem) {
   .hy-paragraph-text.content_page.external.default,
   .hy-paragraph-text.field_of_science.external.default {
     margin-top: 32px;
   }
 }
 @media (min-width: 1601px) {
   .hy-paragraph-text.content_page.external.default,
   .hy-paragraph-text.field_of_science.external.default {
     margin-top: 40px;
   }
 }
 @media (min-width: 75.0625rem) {
   .hy-paragraph-text.content_page.external.large,
   .hy-paragraph-text.field_of_science.external.large {
     margin-top: 40px;
   }
 }
 @media (min-width: 1601px) {
   .hy-paragraph-text.content_page.external.large,
   .hy-paragraph-text.field_of_science.external.large {
     margin-top: 40px;
   }
 }
 .hy-paragraph-text.content_page h3,
 .hy-paragraph-text.field_of_science h3 {
   font-size: 1.375rem;
@@ -117,7 +54,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.content_page h3,
   .hy-paragraph-text.field_of_science h3 {
@@ -128,7 +64,6 @@
     padding-top: 28px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.content_page h3,
   .hy-paragraph-text.field_of_science h3 {
@@ -136,7 +71,6 @@
     padding-top: 32px;
   }
 }
 .hy-paragraph-text.content_page h4,
 .hy-paragraph-text.field_of_science h4 {
   font-size: 1.125rem;
@@ -145,7 +79,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.content_page h4,
   .hy-paragraph-text.field_of_science h4 {
@@ -156,7 +89,6 @@
     padding-top: 28px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.content_page h4,
   .hy-paragraph-text.field_of_science h4 {
@@ -164,7 +96,6 @@
     padding-top: 32px;
   }
 }
 .hy-paragraph-text.content_page h5,
 .hy-paragraph-text.field_of_science h5 {
   font-size: 1rem;
@@ -173,7 +104,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.content_page h5,
   .hy-paragraph-text.field_of_science h5 {
@@ -184,7 +114,6 @@
     padding-top: 28px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.content_page h5,
   .hy-paragraph-text.field_of_science h5 {
@@ -192,7 +121,6 @@
     padding-top: 32px;
   }
 }
 .hy-paragraph-text.content_page h6,
 .hy-paragraph-text.field_of_science h6 {
   font-size: 0.875rem;
@@ -201,7 +129,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.content_page h6,
   .hy-paragraph-text.field_of_science h6 {
@@ -212,7 +139,6 @@
     padding-top: 28px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.content_page h6,
   .hy-paragraph-text.field_of_science h6 {
@@ -220,7 +146,6 @@
     padding-top: 32px;
   }
 }
 .hy-paragraph-text.landing_page h3,
 .hy-paragraph-text.main_front_page h3 {
   font-size: 1.375rem;
@@ -229,7 +154,6 @@
   padding-bottom: 12px;
   padding-top: 32px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.landing_page h3,
   .hy-paragraph-text.main_front_page h3 {
@@ -240,7 +164,6 @@
     padding-top: 40px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.landing_page h3,
   .hy-paragraph-text.main_front_page h3 {
@@ -248,7 +171,6 @@
     padding-top: 48px;
   }
 }
 .hy-paragraph-text.landing_page h4,
 .hy-paragraph-text.main_front_page h4 {
   font-size: 1.125rem;
@@ -257,7 +179,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.landing_page h4,
   .hy-paragraph-text.main_front_page h4 {
@@ -268,7 +189,6 @@
     padding-top: 32px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.landing_page h4,
   .hy-paragraph-text.main_front_page h4 {
@@ -276,7 +196,6 @@
     padding-top: 40px;
   }
 }
 .hy-paragraph-text.landing_page h5,
 .hy-paragraph-text.main_front_page h5 {
   font-size: 1rem;
@@ -285,7 +204,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.landing_page h5,
   .hy-paragraph-text.main_front_page h5 {
@@ -296,7 +214,6 @@
     padding-top: 32px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.landing_page h5,
   .hy-paragraph-text.main_front_page h5 {
@@ -304,7 +221,6 @@
     padding-top: 40px;
   }
 }
 .hy-paragraph-text.landing_page h6,
 .hy-paragraph-text.main_front_page h6 {
   font-size: 0.875rem;
@@ -313,7 +229,6 @@
   padding-bottom: 12px;
   padding-top: 24px;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text.landing_page h6,
   .hy-paragraph-text.main_front_page h6 {
@@ -324,7 +239,6 @@
     padding-top: 32px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.landing_page h6,
   .hy-paragraph-text.main_front_page h6 {
@@ -332,11 +246,9 @@
     padding-top: 40px;
   }
 }
 :host {
   display: block;
 }
 .hy-paragraph-text {
   font-size: 0.9375rem;
   line-height: 22px;
@@ -346,20 +258,17 @@
   text-wrap: pretty;
   width: 100%;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text {
     font-size: 1rem;
     line-height: 24px;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text {
     width: 91.46%;
   }
 }
 @media (min-width: 1601px) {
   .hy-paragraph-text {
     font-size: 1.0625rem;
@@ -367,7 +276,6 @@
     width: 82.89%;
   }
 }
 @media (min-width: 75.0625rem) {
   .hy-paragraph-text__large {
     font-size: 1.0625rem;
@@ -375,25 +283,21 @@
     width: 82.89%;
   }
 }
 @media (min-width: 1601px) {
   .hy-paragraph-text__large {
     width: 74.17%;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.degree_programme_group {
     width: 91.46%;
   }
 }
 @media (min-width: 60rem) {
   .hy-paragraph-text.main_front_page, .hy-paragraph-text.landing_page, .hy-paragraph-text.faculty, .hy-paragraph-text.generic_site_group, .hy-paragraph-text.degree_programme_group, .hy-paragraph-text.research_group {
     width: 100%;
   }
 }
 .hy-paragraph-text h1,
 .hy-paragraph-text h2,
 .hy-paragraph-text h3,
@@ -406,7 +310,6 @@
   margin: 0;
   width: 100%;
 }
 .hy-paragraph-text h1.negative,
 .hy-paragraph-text h2.negative,
 .hy-paragraph-text h3.negative,
@@ -415,7 +318,6 @@
 .hy-paragraph-text h6.negative {
   color: var(--grayscale-white);
 }
 .hy-paragraph-text a {
   font-size: 0.875rem;
   line-height: 20px;
@@ -423,7 +325,6 @@
   font-family: var(--main-font-family);
   font-weight: 600;
 }
 @media (min-width: 30rem) {
   .hy-paragraph-text a {
     font-size: 1rem;
@@ -431,18 +332,15 @@
     letter-spacing: -0.1px;
   }
 }
 @media (min-width: 1601px) {
   .hy-paragraph-text a {
     font-size: 1.0625rem;
     line-height: 26px;
   }
 }
 .hy-paragraph-text a:hover {
   color: var(--brand-main);
 }
 .hy-paragraph-text a[target=_blank]:after {
   display: inline-block;
   vertical-align: middle;
@@ -455,28 +353,22 @@
   -webkit-transform: rotate(315deg);
   transform: rotate(315deg);
 }
 .hy-paragraph-text a[target=_blank]:after:hover {
   background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='pink'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>");
 }
 .hy-paragraph-text a[target=_blank]:hover:after {
   background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 30 29' fill='rgb(14,104,139)'> <polygon points='29.207 13.783 14.756 .717 14.055 0 11.402 3.118 10.732 3.835 19.665 11.974 0 11.974 0 17.026 19.756 17.026 11.494 24.447 10.823 25.071 11.402 25.882 13.476 28.189 14.055 29 30 14.594' /> </svg>");
 }
 .hy-paragraph-text p {
   margin-top: 0;
   padding-top: 0;
 }
 .hy-paragraph-text p:last-of-type {
   margin-bottom: 0;
 }
 .hy-paragraph-text:first-child {
   margin-top: 0 !important;
 }
 hy-paragraph-text + hy-link-list {
   display: block;
   margin-top: 32px;