Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Integrate tailwind export for tokens #1229

Open
5 of 17 tasks
melaniebmn opened this issue Oct 23, 2024 · 4 comments
Open
5 of 17 tasks

Integrate tailwind export for tokens #1229

melaniebmn opened this issue Oct 23, 2024 · 4 comments
Assignees
Labels
development Development tasks

Comments

@melaniebmn
Copy link

melaniebmn commented Oct 23, 2024

Create Tailwind export for our token package to make it easier for other teams (like the forms team) to use our tokens in existing projects.

Plugin for style dictionary:
https://www.npmjs.com/package/sd-tailwindcss-transformer

Forms team example Tailwind config:
https://github.com/cds-snc/platform-forms-client/blob/develop/tailwind.config.js

Tailwind CSS config update:
https://tailwindcss.com/docs/v4-beta#css-first-configuration

Set up for default config:

  • Base colours
  • Background colours / fill
  • Text colours
  • Border colour?
  • Border width
  • Font family
  • Font size
  • Font weight?
  • Gap
  • Grid column?
  • Height (including min + max)?
  • Line height
  • Margin
  • Outline width
  • Padding
  • Screens
  • Width (including min + max)
@melaniebmn melaniebmn self-assigned this Oct 23, 2024
@melaniebmn melaniebmn changed the title Copy of Draft 2 Fable re-testing for compatibility Screen Magnification (add bullet points on drop down list of items) Integrate tailwind export for tokens Oct 23, 2024
@melaniebmn melaniebmn added the development Development tasks label Oct 24, 2024
@SmartMouthWords
Copy link
Collaborator

Integrating style dictionary update items

@melaniebmn
Copy link
Author

Update: The work included upgrading Style Dictionary to its latest version and addressing some breaking changes that came with the major version update.

@ClementineHahn
Copy link
Collaborator

@melaniebmn working on it today

@adorayi
Copy link
Contributor

adorayi commented Jan 6, 2025

Needs an update @daine @melaniebmn
Seems some work was done on this already but not finished?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
development Development tasks
Projects
None yet
Development

No branches or pull requests

4 participants