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
Hi, I faced a problem while using the selector composition, but I don't figure out that if it follows the specifications or not.
I defined classes as like follows:
[class^='stack-'] { display: flex; flex-direction: column; } .stack-8 { gap: 8px; }
I created a css file and a React component as like follows:
/* index.module.css */ .container { composes: stack-8 from global; }
import styles from './index.module.css'; const Container = ({ children }) => <div className={styles.container}>{children}</div>
Then, I found that the gap: 8px declaration is appropriately reflected but display: flex; flex-direction: column; declarations are not.
gap: 8px
display: flex; flex-direction: column;
I created a repro https://github.com/tnyo43/css-module-with-attribute-selector-sample
npm install
npm storybook
stack-8
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Hi, I faced a problem while using the selector composition, but I don't figure out that if it follows the specifications or not.
I defined classes as like follows:
I created a css file and a React component as like follows:
Then, I found that the
gap: 8px
declaration is appropriately reflected butdisplay: flex; flex-direction: column;
declarations are not.I created a repro https://github.com/tnyo43/css-module-with-attribute-selector-sample
npm install
npm storybook
3.1. You can see that
stack-8
itself works well on http://localhost:6006/?path=/story/container--defaultThe text was updated successfully, but these errors were encountered: