We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
From the following style, this package generates different classnames based on its version.
.table--5columns-10rows { background: red; }
Some versions generate table5Columns10Rows, and others do table5columns10rows.
table5Columns10Rows
table5columns10rows
Depending on its version, whether to capitalize c in 5columns and r in 10rows, which are characters after numbers, differs.
c
5columns
r
10rows
https://github.com/msmx-mnakagawa/typed-scss-modules-char-after-number-minimal-reproduction
$ yarn
typed-scss-modules
transform
target.scss.d.ts
target.scss
$ yarn transform
$ yarn add -D [email protected]
IMO, it would be better to align to capitalize.
This is because the latest version of postcss-modules, on which Vite depends, generates a capitalized classname at a runtime.
postcss-modules
Vite
We can confirm that to do the following steps after the last step of Steps to Reproduce section.
Steps to Reproduce
[email protected]
$ yarn postcss-modules
{ table5Columns10Rows: '_table--5columns-10rows_fs1ss_1' }
The text was updated successfully, but these errors were encountered:
No branches or pull requests
From the following style, this package generates different classnames based on its version.
Some versions generate
table5Columns10Rows
, and others dotable5columns10rows
.Depending on its version, whether to capitalize
c
in5columns
andr
in10rows
, which are characters after numbers, differs.Minimal reproducible example
https://github.com/msmx-mnakagawa/typed-scss-modules-char-after-number-minimal-reproduction
Steps to Reproduce (for bugs)
typed-scss-modules
is 6.3.0.transform
npm script, which generates a type definition file astarget.scss.d.ts
fromtarget.scss
.table5Columns10Rows
in thetarget.scss.d.ts
.transform
again.table5columns10rows
.Expected Behavior
Context
IMO, it would be better to align to capitalize.
This is because the latest version of
postcss-modules
, on whichVite
depends, generates a capitalized classname at a runtime.We can confirm that to do the following steps after the last step of
Steps to Reproduce
section.postcss-modules
installed with[email protected]
is 6.0.1, which would be the latest version for now.postcss-modules
npm script, which consoles a pair of key/value of the classname.Your Environment
The text was updated successfully, but these errors were encountered: