postcss-simple-extend

postcss-simple-extend copied to clipboard

No parent could be found error when use @apply Tailwind classes

3

starting from this webpack.mix.js ``` mix.js('resources/js/app.js', 'public/js') .scripts([ 'public/js/app.js', 'resources/js/includes/script.js' ], 'public/js/app.js') .postCss('resources/css/app.css', 'public/css', [ require('postcss-import'), require('tailwindcss'), require('postcss-simple-extend'), require('postcss-nested'), require('autoprefixer'), ]); ``` resources/css/app.css ``` @import 'tailwindcss/base'; @import 'tailwindcss/components'; @import 'tailwindcss/utilities';...

schel4ok

Bumps [eslint](https://github.com/eslint/eslint) from 1.2.1 to 6.6.0. Release notes *Sourced from [eslint's releases](https://github.com/eslint/eslint/releases).* > ## v6.6.0 > * [`39dfe08`](https://github.com/eslint/eslint/commit/39dfe0880fa934e287e8ea1f7b56d5cba8d43765) Update: false positives in function-call-argument-newline (fixes [#12123](https://github-redirect.dependabot.com/eslint/eslint/issues/12123)) ([#12280](https://github-redirect.dependabot.com/eslint/eslint/issues/12280)) (Scott O'Hara) > *...

dependabot[bot]

Nest media queries in block

2

Suggestion, ``` css @define-placeholder gigantic { font-size: 40em; @media (max-width: 600px) { font-size: 20em; } } ``` Or, ``` css @define-placeholder gigantic { font-size: 40em; } @extend-placeholder (max-width: 600px) gigantic...

jacobp100

Extending a nested &:hover in a @define-placeholder is ignored.

4

``` @define-placeholder icon-holder { color: #999; &:hover { color: red; } } ``` OUTPUT: ``` .icon-test1, .icon-test2 { color:#999 } ```

peterdillon