diff --git a/client/scss/components/_modals.scss b/client/scss/components/_modals.scss index aff04215e5..980dd92684 100644 --- a/client/scss/components/_modals.scss +++ b/client/scss/components/_modals.scss @@ -121,7 +121,7 @@ $zindex-modal-background: 500; .w-header__title { color: inherit; font-weight: 700; - font-size: 1.125rem; + font-size: theme('fontSize.19'); line-height: 130%; } } diff --git a/client/scss/components/forms/_field.scss b/client/scss/components/forms/_field.scss index 160dadb7d5..4c584db2a4 100644 --- a/client/scss/components/forms/_field.scss +++ b/client/scss/components/forms/_field.scss @@ -38,7 +38,7 @@ } .w-field__label { - @apply w-label-3; + @apply w-label-2; display: block; margin-bottom: 0; } diff --git a/client/scss/components/forms/_radio-checkbox-multiple.scss b/client/scss/components/forms/_radio-checkbox-multiple.scss index 0d96b746eb..25790916e1 100644 --- a/client/scss/components/forms/_radio-checkbox-multiple.scss +++ b/client/scss/components/forms/_radio-checkbox-multiple.scss @@ -13,7 +13,7 @@ } label { - @apply w-label-3; + @apply w-body-text; color: theme('colors.grey.600'); display: inline-flex; align-items: center; diff --git a/client/src/components/Draftail/Draftail.scss b/client/src/components/Draftail/Draftail.scss index 4b1aaceceb..93a5cf602c 100644 --- a/client/src/components/Draftail/Draftail.scss +++ b/client/src/components/Draftail/Draftail.scss @@ -1,7 +1,7 @@ $draftail-editor-text: $color-input-text; $draftail-placeholder-text: theme('colors.grey.400'); // w-body-text-large -$draftail-editor-font-size: theme('fontSize.18'); +$draftail-editor-font-size: theme('fontSize.19'); $draftail-editor-line-height: theme('lineHeight.normal'); $draftail-editor-chrome: theme('colors.primary.DEFAULT'); diff --git a/client/src/tokens/typography.js b/client/src/tokens/typography.js index cf3b621021..0c67f53c45 100644 --- a/client/src/tokens/typography.js +++ b/client/src/tokens/typography.js @@ -76,6 +76,7 @@ const fontSize = { 15: '0.9375rem', 16: '1rem', 18: '1.125rem', + 19: '1.1875rem', 22: '1.375rem', 24: '1.5rem', 26: '1.625rem', @@ -148,7 +149,7 @@ const typeScale = { lineHeight: 'lineHeight.tight', }, 'w-label-2': { - fontSize: 'fontSize.15', + fontSize: 'fontSize.14', fontWeight: 'fontWeight.semibold', color: 'colors.primary.DEFAULT', lineHeight: 'lineHeight.tight', @@ -160,7 +161,7 @@ const typeScale = { lineHeight: 'lineHeight.tight', }, 'w-body-text-large': { - fontSize: 'fontSize.18', + fontSize: 'fontSize.19', fontWeight: 'fontWeight.normal', lineHeight: 'lineHeight.normal', },