postcss-extend
postcss-extend copied to clipboard
travco
A PostCSS plugin to minimize the number of repeat-selectors and rules you write
This may be an issue because I'm using postcss-nest**ing** (from the postcss-preset-env). I have postcss-extend before it in the build like suggested for postcss-nest**ed** So basically if I have this:...
Hi, I am trying to extend mixin inside media query, but I ran into the issue listed at subject. Is there a way around it? ``` @define-extend card { background-color:...
If you want use these three you should import like below first is extend , and the other is after. ``` js module.exports = { plugins: [ require('postcss-extend'), require('postcss-nested'), require("tailwindcss"),...
Do you have to @import a file with placeholders in order to be able to use them in a separate file?
My setup: **modals.css** ``` @define-placeholder header { align-items: center; display: flex; justify-content: flex-start; margin-bottom: 15px; margin-right: 24px; } @define-placeholder title--h1 { font-size: 20px; line-height: em(20/20); } ``` **authentication.css** ``` @import...
According to `README.md`: > **Public Service Announcement**: Because of [an issue with `postcss-nested`](https://github.com/postcss/postcss-nested/issues/11), if you are trying to use *both* `postcss-nested` and this plugin, you need to *use this plugin...
Scenario: Extending a BEM type of modifier directly ``` %button { & { ..A.. } &:hover { ..B.. } &.-large { & { ..C.. } &:hover { ..D.. } }...
Writing modular/BEM CSS can sometimes lead to this "anti-pattern" warning, when in fact it is perfectly logical. In this example, we're extending `.Component`, even though it hasn't _yet_ had any...
Hello I'm getting an error where the extend module can't find a class contained within an imported file located in the 'node_modules' directory. ### Error message ``` error in ./resources/assets/pcss/app.pcss...
Getting this warning in my console when using this plugin.
When I write: %align-row, %align-ver { display: flex; flex-direction: row; } The exported `CSS` is wrong, In exported `CSS` file I see all classes with `placeholder` properties and the `placeholder`...
