switch to tailwindcss nesting plugin
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2022-12-01 23:39:16 +01:00
parent 5a97d0c84d
commit 19a3b9c1ee
1 changed files with 6 additions and 10 deletions

16
webpack.mix.js vendored
View File

@ -1,7 +1,7 @@
const mix = require('laravel-mix'); const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss'); const tailwindcss = require('tailwindcss');
const atImport = require("postcss-import"); const atImport = require('postcss-import');
const nested = require('postcss-nested'); const nested = require('tailwindcss/nesting');
/* /*
|-------------------------------------------------------------------------- |--------------------------------------------------------------------------
@ -15,11 +15,7 @@ const nested = require('postcss-nested');
*/ */
mix.js('resources/js/app.js', 'public/js') mix.js('resources/js/app.js', 'public/js')
.vue({ version: 2 }) .vue({version: 2})
.postCss('resources/css/app.css', 'public/css', [ .postCss('resources/css/app.css', 'public/css', [atImport(), nested(), tailwindcss('./tailwind.config.js')])
atImport(), .copy('resources/img', 'public/img')
nested(), .sourceMaps();
tailwindcss('./tailwind.config.js'),
])
.copy('resources/img', 'public/img')
.sourceMaps();