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
Class names in which the name contains the words left or right are translated in the following manner:
Input:
.arrowLeft { margin-right: -3px; }
Output:
[dir=ltr] :export { alignLeft: ***_marginRight_***; } [dir=rtl] :export{ alignLeft: ***_marginLeft_***; }
The text was updated successfully, but these errors were encountered:
Add test for "left/right" subparts of selectors #48
e9bee4b
I can't reproduce it, and add test for you case.
If the issue is still actual, can you provide your postcss/webpack-config?
Sorry, something went wrong.
We are using rollup with with rollup-plugin-postcss for postcss with the following configuration
rollup-plugin-postcss
postcss({ minimize: { reduceIdents: false, safe: true, }, modules: { generateScopedName: IS_DEV_ENV ? '[name]__[local]___[hash:base64:5]' : '[hash:base64:5]', }, extract: 'dist/styles.min.css', plugins: [ postcssExclude({ filter: ['**/*.global.scss', '**/inline-toolbar.scss'], plugins: [postcssRTL()], }), postcssURL({ url: asset => asset.url.replace('../', '/statics/'), }), ], })
No branches or pull requests
Class names in which the name contains the words left or right are translated in the following manner:
Input:
Output:
The text was updated successfully, but these errors were encountered: