diff --git a/.changeset/seven-files-guess.md b/.changeset/seven-files-guess.md new file mode 100644 index 0000000000..933ee0d3e8 --- /dev/null +++ b/.changeset/seven-files-guess.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Marketing: Fix letter spacing for headers not being correctly overridden at break points diff --git a/src/marketing/type/typography.scss b/src/marketing/type/typography.scss index cc99c1ea79..c51ebe0d59 100644 --- a/src/marketing/type/typography.scss +++ b/src/marketing/type/typography.scss @@ -28,7 +28,7 @@ font-size: map-get($pairing-md, "size") !important; line-height: map-get($pairing-md, "lh") !important; @if (map-get($pairing-md, "size") >= $mktg-header-spacing-threshold and map-get($pairing, "size") < $mktg-header-spacing-threshold) { - letter-spacing: $mktg-header-spacing-large; + letter-spacing: $mktg-header-spacing-large !important; } @if (map-get($pairing-md, "size") >= $mktg-header-weight-threshold and map-get($pairing, "size") < $mktg-header-weight-threshold) { font-weight: $mktg-header-weight-large !important; @@ -41,7 +41,7 @@ font-size: map-get($pairing-lg, "size") !important; line-height: map-get($pairing-lg, "lh") !important; @if (map-get($pairing-lg, "size") >= $mktg-header-spacing-threshold and map-get($pairing-md, "size") < $mktg-header-spacing-threshold) { - letter-spacing: $mktg-header-spacing-large; + letter-spacing: $mktg-header-spacing-large !important; } @if (map-get($pairing-lg, "size") >= $mktg-header-weight-threshold and map-get($pairing-md, "size") < $mktg-header-weight-threshold) { font-weight: $mktg-header-weight-large !important;