Skip to content

proof of concept: design system integration#380

Draft
YellowKirby wants to merge 2 commits intoaccessiblecommunity:mainfrom
YellowKirby:design-system-integration
Draft

proof of concept: design system integration#380
YellowKirby wants to merge 2 commits intoaccessiblecommunity:mainfrom
YellowKirby:design-system-integration

Conversation

@YellowKirby
Copy link

Warning

Don't merge me! it's definitely not functioning or ready yet :)

A very early proof-of-concept integrating the website with the upcoming design system (DS) work. I plan on pushing more and evolving this branch as we figure out more of the DS exports and packaging.

What works

  • npm dependency to the DS repo
  • Bootstrap sass variables can (mostly!) be defined as CSS variables from the design system...

What doesn't

  • ... BUT: these variables cannot be used in Bootstrap/SASS functions. sass just sees the values as strings rather than colors, so functions like tint-color() can NOT be used. This might be a bit of an early integration pain point, but I don't think it's a long-term issue. We'd ideally rely entirely on DS variables and not need to do any sass math

for now, this is just a dependency directly on the git repo, but ideally
we publish the design-system project as a (versioned!) package instead
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Comments