diff --git a/.changeset/cuddly-goats-remain.md b/.changeset/cuddly-goats-remain.md new file mode 100644 index 00000000000..3d95352a0a9 --- /dev/null +++ b/.changeset/cuddly-goats-remain.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Revert responsive text style updates diff --git a/polaris-react/postcss-mixins/text-style-input.css b/polaris-react/postcss-mixins/text-style-input.css index 767fa7f1ca4..1bd8d4155c4 100644 --- a/polaris-react/postcss-mixins/text-style-input.css +++ b/polaris-react/postcss-mixins/text-style-input.css @@ -1,12 +1,7 @@ @define-mixin text-style-input { - font-size: var(--p-font-size-400); + font-size: var(--p-font-size-325); font-weight: var(--p-font-weight-regular); - line-height: var(--p-font-line-height-600); + line-height: var(--p-font-line-height-500); border: none; letter-spacing: initial; - - @media (--p-breakpoints-md-up) { - font-size: var(--p-font-size-325); - line-height: var(--p-font-line-height-500); - } } diff --git a/polaris-react/src/components/AppProvider/global.css b/polaris-react/src/components/AppProvider/global.css index 63de16c5fe7..3afb9e3c7dd 100644 --- a/polaris-react/src/components/AppProvider/global.css +++ b/polaris-react/src/components/AppProvider/global.css @@ -53,17 +53,12 @@ html, body { - font-size: var(--p-font-size-400); - line-height: var(--p-font-line-height-600); + font-size: var(--p-font-size-325); + line-height: var(--p-font-line-height-500); font-weight: var(--p-font-weight-regular); font-feature-settings: 'calt' 0; letter-spacing: initial; color: var(--p-color-text); - - @media (--p-breakpoints-md-up) { - font-size: var(--p-font-size-325); - line-height: var(--p-font-line-height-500); - } } html, diff --git a/polaris-react/src/components/Select/Select.module.css b/polaris-react/src/components/Select/Select.module.css index d0dfd1ffe97..6814079cfe5 100644 --- a/polaris-react/src/components/Select/Select.module.css +++ b/polaris-react/src/components/Select/Select.module.css @@ -87,9 +87,9 @@ .Input { /* Even though the input is invisible, text styles apply to the options menu */ - font-size: var(--p-font-size-400); + font-size: var(--p-font-size-325); font-weight: var(--p-font-weight-regular); - line-height: var(--p-font-line-height-600); + line-height: var(--p-font-line-height-500); /* Safari requires the font-family to be added to the