Merge pull request #42 from noesya/design-system/typography

idem figma

assets/sass/_theme/_configuration.sass

@@ -30,48 +30,37 @@ $heading-font-weight: normal !default
 $h1-size-md: px2rem(60) !default
 $h1-size: px2rem(30) !default
 $h1-line-height: 120% !default
-$h1-weight: $heading-font-weight !default
+$h1-weight: bold !default
 
 // h2
-$h2-size-md: px2rem(45) !default
+$h2-size-md: px2rem(40) !default
 $h2-size: px2rem(24) !default
-$h2-line-height: 110% !default
+$h2-line-height: 120% !default
 $h2-weight: $heading-font-weight !default
 
 // h3
-$h3-size-md: px2rem(30) !default
+$h3-size-md: px2rem(28) !default
 $h3-size: px2rem(20) !default
-$h3-line-height: 110% !default
-$h3-weight: $heading-font-weight !default
+$h3-line-height: 130% !default
+$h3-weight: bold !default
 
 // h4
-$h4-size-md: px2rem(22) !default
-$h4-size: px2rem(18) !default
+$h4-size-md: px2rem(24) !default
+$h4-size: px2rem(16) !default
 $h4-line-height: 130% !default
-$h4-weight: $heading-font-weight !default
+$h4-weight: bold !default
 
 // h5 or Section
-$h5-size-md: px2rem(20) !default
-$h5-size: px2rem(18) !default
+$h5-size-md: px2rem(24) !default
+$h5-size: px2rem(20) !default
 $h5-line-height: 130% !default
-$h5-weight: $heading-font-weight !default
+$h5-weight: bold !default
 
 // h6 or Tab
-$h6-size-md: px2rem(18) !default
-$h6-size: px2rem(16) !default
+$h6-size-md: px2rem(16) !default
+$h6-size: px2rem(20) !default
 $h6-line-height: 130% !default
-$h6-weight: $heading-font-weight !default
-
-// Body
-$body-font-size: px2rem(20) !default
-$body-font-size-md: $body-font-size !default
-
-// Small
-$small-font-family: $heading-font-family !default
-$small-size: px2rem(14) !default
-$small-size-md: px2rem(14) !default
-$small-line-height: $line-height-base !default
-$small-weight: normal !default
+$h6-weight: bold !default
 
 // Lead
 $lead-font-family: $heading-font-family !default
@@ -80,21 +69,42 @@ $lead-size: px2rem(24) !default
 $lead-line-height: 120% !default
 $lead-weight: $heading-font-weight !default
 
+// Body
+$body-size-md: px2rem(16) !default
+$body-size: px2rem(22) !default
+$body-line-height: 160% !default
+$body-weight: normal !default
+
+// Small
+$small-font-family: $body-font-family !default
+$small-size: px2rem(14) !default
+$small-size-md: px2rem(18) !default
+$small-line-height: 160% !default
+$small-weight: normal !default
+
 // Signature
 $signature-font-family: $heading-font-family !default
-$signature-size-md: px2rem(22)
-$signature-size: px2rem(18)
+$signature-size-md: px2rem(18)
+$signature-size: px2rem(22)
 $signature-line-height: 130% !default
 $signature-weight: $heading-font-weight !default
 
 // Meta
 $meta-font-family: $heading-font-family !default
-$meta-size-md: px2rem(18)
-$meta-size: px2rem(14)
+$meta-size-md: px2rem(14)
+$meta-size: px2rem(18)
 $meta-line-height: 150% !default
 $meta-weight: $heading-font-weight !default
 
+// Quotes
+$quote-size-md: px2rem(24) !default
+$quote-size-short: px2rem(60) !default
+$quote-size-long: px2rem(40) !default
+$quote-line-height: 120% !default
+$quote-weight: normal !default
+
 // Buttons
+$btn-font-size-md: px2rem(14) !default // TODO
 $btn-font-size: px2rem(18) !default
 $btn-padding-x: px2rem(12) !default
 $btn-padding-y: px2rem(6) !default
@@ -237,12 +247,12 @@ $block-timeline-horizontal-background: black !default
 $block-timeline-horizontal-color: white !default
 
 // Block testimonials
-$block-testimonials-xl-font-size: $h1-size !default
-$block-testimonials-xl-line-height: px2rem(65) !default
-$block-testimonials-xl-font-size-long-text: px2rem(36) !default
-$block-testimonials-xl-line-height-long-text: px2rem(39.6) !default
-$block-testimonials-font-size: px2rem(24) !default
-$block-testimonials-line-height: px2rem(28.8) !default
+$block-testimonials-xl-font-size: $quote-size-short !default
+$block-testimonials-xl-line-height: $quote-line-height !default
+$block-testimonials-xl-font-size-long-text: $quote-size-long !default
+$block-testimonials-xl-line-height-long-text: $quote-line-height !default
+$block-testimonials-font-size: $quote-size-md !default
+$block-testimonials-line-height: $quote-line-height !default
 $block-testimonials-pagination-background: $main-border-color !default
 $block-testimonials-pagination-progress-background: $main-color !default