Skip to content

Commit e978a3a

Browse files
authored
feat(tokens)!: prefer lowercase, hyphenated font names in font stacks (#2007)
BREAKING CHANGE: updates the font-family stacks to remove the provided value from `@adobe/spectrum-tokens`, and instead use the "older" naming syntax that Spectrum CSS had used previously.
1 parent 4ed842f commit e978a3a

File tree

1 file changed

+8
-7
lines changed

1 file changed

+8
-7
lines changed

components/tokens/custom-spectrum/custom-vars.css

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,16 +35,17 @@ governing permissions and limitations under the License.
3535
--spectrum-animation-ease-out: cubic-bezier(0, 0, 0.40, 1);
3636
--spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
3737

38-
--spectrum-sans-serif-font: var(--spectrum-sans-serif-font-family);
39-
--spectrum-sans-font-family-stack: var(--spectrum-sans-serif-font), adobe-clean, 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
38+
39+
--spectrum-sans-font-family-stack: adobe-clean, var(--spectrum-sans-serif-font-family), 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS', 'Lucida Grande', sans-serif;
40+
--spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
4041

41-
--spectrum-serif-font: var(--spectrum-serif-font-family);
42-
--spectrum-serif-font-family-stack: var(--spectrum-serif-font), adobe-clean-serif, 'Source Serif Pro', Georgia, serif;
42+
--spectrum-serif-font-family-stack: adobe-clean-serif, var(--spectrum-serif-font-family), 'Source Serif Pro', Georgia, serif;
43+
--spectrum-serif-font: var(--spectrum-serif-font-family-stack);
4344

4445
--spectrum-code-font-family-stack: 'Source Code Pro', Monaco, monospace;
45-
46-
--spectrum-cjk-font: var(--spectrum-cjk-font-family);
47-
--spectrum-cjk-font-family-stack: var(--spectrum-cjk-font), adobe-clean-han-japanese, sans-serif;
46+
47+
--spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
48+
--spectrum-cjk-font: var(--spectrum-code-font-family-stack);
4849

4950
/* static white / black background color for docs containers */
5051
--spectrum-docs-static-white-background-color: rgb(15, 121, 125);

0 commit comments

Comments
 (0)