PLANET-7126: Apply the new source sans pro typeface (#2052)

Apply the new source sans pro typeface - Mostly to body texts an carousel header description Co-authored-by: Dan Tovbein <[email protected]>
greenpeace · Jul 3, 2023 · a3a2e9f · a3a2e9f
1 parent d73e651
commit a3a2e9f
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/assets/src/scss/new-identity/style.scss b/assets/src/scss/new-identity/style.scss
@@ -205,6 +205,20 @@
   --tl-timeline--font-family: var(--font-family-tertiary);
   --enform--font-family: var(--font-family-tertiary);
   --block-enform--text--font-family: var(--font-family-tertiary);
+  --block-articles--article--content--font-size: var(--font-size-m--font-family-secondary);
+  --body--font-family: var(--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--font-family: var(--font-family-paragraph-primary);
+  --carousel-header--carousel-caption--main-header--p--font-weight: var(--font-weight-regular);
+  --carousel-header--carousel-caption--main-header--p--font-size: var(--font-size-m--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--line-height: var(--line-height-m--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--small-and-up--font-size: var(--font-size-m--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--medium-and-up--font-size: var(--font-size-m--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--medium-and-up--line-height: var(--line-height-m--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--large-and-up--font-size: var(--font-size-xl--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--x-large-and-up--font-size: var(--font-size-xl--font-family-secondary);
+  --carousel-header--carousel-caption--main-header--p--x-large-and-up--line-height: var(--line-height-xl--font-family-secondary);
+  --text--line-height: var(--line-height-m--font-family-secondary);
+  --text--x-large-and-up--line-height: var(--line-height-xl--font-family-secondary);
 }
 
 h1,
@@ -429,8 +443,3 @@ $palette: (
 .article-list-item-headline {
   font-family: var(--font-family-heading);
 }
-
-// Articles
-.article-list-item-headline {
-  font-family: var(--font-family-heading);
-}