diff --git a/src/Presets/Tailwind.php b/src/Presets/Tailwind.php index 6f31398..1b7fd18 100644 --- a/src/Presets/Tailwind.php +++ b/src/Presets/Tailwind.php @@ -7,7 +7,7 @@ class Tailwind extends Preset /** {@inheritdoc} */ protected function updatePackagesArray(array $packages) { - $packages['devDependencies']['tailwindcss'] = '^1.0.0'; + $packages['devDependencies']['tailwindcss'] = '^2.0.1'; return $packages; } diff --git a/src/Presets/stubs/Tailwind/build/webpack.config.preset.js b/src/Presets/stubs/Tailwind/build/webpack.config.preset.js index 368d8cc..7ca3262 100644 --- a/src/Presets/stubs/Tailwind/build/webpack.config.preset.js +++ b/src/Presets/stubs/Tailwind/build/webpack.config.preset.js @@ -33,11 +33,13 @@ module.exports = { { loader: 'postcss', options: { - parser: config.enabled.optimize + postcssOptions: { + parser: config.enabled.optimize ? 'postcss-safe-parser' : undefined, - plugins: postcssPlugins, - sourceMap: false, + plugins: postcssPlugins, + sourceMap: false, + } }, }, { diff --git a/src/Presets/stubs/Tailwind/styles/components/_comments.scss b/src/Presets/stubs/Tailwind/styles/components/_comments.scss index e327510..1eb81d3 100644 --- a/src/Presets/stubs/Tailwind/styles/components/_comments.scss +++ b/src/Presets/stubs/Tailwind/styles/components/_comments.scss @@ -17,7 +17,7 @@ @apply block appearance-none w-full py-1 px-2 mb-1 text-base leading-normal bg-white text-gray-700 border border-gray-500 rounded; &:focus { - @apply shadow-outline; + @apply ring; } } diff --git a/src/Presets/stubs/Tailwind/styles/components/_forms.scss b/src/Presets/stubs/Tailwind/styles/components/_forms.scss index 45a48da..282fb3e 100644 --- a/src/Presets/stubs/Tailwind/styles/components/_forms.scss +++ b/src/Presets/stubs/Tailwind/styles/components/_forms.scss @@ -14,7 +14,7 @@ } .search-form .search-submit { - @apply inline-block align-middle text-center select-none border font-normal whitespace-no-wrap py-2 px-4 rounded text-base leading-normal no-underline text-gray-100 bg-gray-500; + @apply inline-block align-middle text-center select-none border font-normal whitespace-nowrap py-2 px-4 rounded text-base leading-normal no-underline text-gray-100 bg-gray-500; &:hover { @apply bg-gray-400; diff --git a/src/Presets/stubs/Tailwind/styles/tailwind.config.js b/src/Presets/stubs/Tailwind/styles/tailwind.config.js index 3f035af..7acb959 100644 --- a/src/Presets/stubs/Tailwind/styles/tailwind.config.js +++ b/src/Presets/stubs/Tailwind/styles/tailwind.config.js @@ -64,9 +64,6 @@ module.exports = { }, transparent: 'transparent', }, - shadows: { - outline: '0 0 0 3px rgba(82,93,220,0.3)', - }, container: { center: true, padding: '1rem',