Instructions for Rails / Vite appear to be wrong #3499
Labels
Comments
|
Okay, I have it working now. It seems the instructions cover the JS side but not the CSS side, which is confusing. Vite / esbuild / BunUse Install packages. Add CSS: /* application.css */
@import "@primer/css";
@import "@primer/primitives/dist/css/base/size/size.css";
@import "@primer/primitives/dist/css/base/typography/typography.css";
@import "@primer/primitives/dist/css/functional/size/border.css";
@import "@primer/primitives/dist/css/functional/size/breakpoints.css";
@import "@primer/primitives/dist/css/functional/size/size.css";
@import "@primer/primitives/dist/css/functional/size/viewport.css";
@import "@primer/primitives/dist/css/functional/typography/typography.css";
@import "@primer/primitives/dist/css/functional/themes/light.css";
@import "@primer/primitives/dist/css/functional/themes/dark.css";Add JS: // application/js
import '@primer/view-components'Add HTML: <body data-color-mode="light" data-light-theme="light" data-dark-theme="dark"> |
|
Hey @lpender, sorry for the confusion and thanks for documenting how you got things working. What changes would you recommend to the documentation on "Getting Started" to improve this? Happy to take your feedback and look into getting it added to the site. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I'm implementing
I tried following the instructions and added:
to my application.js.
At first it couldn't find it. This package doesn't appear to be added by the Rails gem, it needed to be added via npm.
It seems the Breadcrumb still had no styles being applied. So I did this:
And then added
To the top of my application.css.
Now I can see the styles.
However there seem to be steps required to pre-populate CSS vars, e.g.
Will update as I learn more.
The text was updated successfully, but these errors were encountered: