diff --git a/src/Tailwind.php b/src/Tailwind.php index 4b1906b..33e0132 100644 --- a/src/Tailwind.php +++ b/src/Tailwind.php @@ -80,12 +80,12 @@ protected static function updatePackageArray(array $packages) { return [ 'axios' => '^0.18', - 'cross-env' => '^5.1', + 'cross-env' => '^5.2', 'laravel-mix' => '^2.1', 'laravel-mix-purgecss' => '^2.2', 'less' => '^3.0', 'less-loader' => '^4.1', - 'tailwindcss' => '^0.5', + 'tailwindcss' => '^0.6', 'vue' => '^2.5', ]; } diff --git a/src/stubs/less/app.stub b/src/stubs/less/app.stub index 405b944..a53f198 100644 --- a/src/stubs/less/app.stub +++ b/src/stubs/less/app.stub @@ -50,7 +50,7 @@ * Here you would add any custom utilities you need that don't come out of the * box with Tailwind. * - * Example : + * Example: * * .bg-pattern-graph-paper { ... } * .skew-45 { ... } @@ -72,7 +72,3 @@ body { [v-cloak] { @apply .hidden; } - -.outline-none { - outline: 0; -} diff --git a/src/stubs/tailwind.stub b/src/stubs/tailwind.stub index 5747d42..03fcd8e 100644 --- a/src/stubs/tailwind.stub +++ b/src/stubs/tailwind.stub @@ -474,6 +474,7 @@ module.exports = { '2': '0.5rem', '3': '0.75rem', '4': '1rem', + '5': '1.25rem', '6': '1.5rem', '8': '2rem', '10': '2.5rem', @@ -521,6 +522,7 @@ module.exports = { '2': '0.5rem', '3': '0.75rem', '4': '1rem', + '5': '1.25rem', '6': '1.5rem', '8': '2rem', '10': '2.5rem', @@ -572,7 +574,7 @@ module.exports = { minHeight: { '0': '0', 'full': '100%', - 'screen': '100vh', + 'screen': '100vh' }, @@ -647,9 +649,16 @@ module.exports = { '2': '0.5rem', '3': '0.75rem', '4': '1rem', + '5': '1.25rem', '6': '1.5rem', '8': '2rem', '9': '2.25rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', }, @@ -676,8 +685,15 @@ module.exports = { '2': '0.5rem', '3': '0.75rem', '4': '1rem', + '5': '1.25rem', '6': '1.5rem', '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', }, @@ -703,8 +719,15 @@ module.exports = { '2': '0.5rem', '3': '0.75rem', '4': '1rem', + '5': '1.25rem', '6': '1.5rem', '8': '2rem', + '10': '2.5rem', + '12': '3rem', + '16': '4rem', + '20': '5rem', + '24': '6rem', + '32': '8rem', }, @@ -729,6 +752,7 @@ module.exports = { 'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)', 'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)', 'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)', + 'outline': '0 0 0 3px rgba(52,144,220,0.5)', 'none': 'none', }, @@ -839,10 +863,11 @@ module.exports = { modules: { appearance: ['responsive'], backgroundAttachment: ['responsive'], - backgroundColors: ['responsive', 'hover'], + backgroundColors: ['responsive', 'hover', 'focus'], backgroundPosition: ['responsive'], backgroundRepeat: ['responsive'], backgroundSize: ['responsive'], + borderCollapse: [], borderColors: ['responsive', 'hover', 'focus'], borderRadius: ['responsive'], borderStyle: ['responsive'], @@ -852,7 +877,7 @@ module.exports = { flexbox: ['responsive'], float: ['responsive'], fonts: ['responsive'], - fontWeights: ['responsive', 'hover'], + fontWeights: ['responsive', 'hover', 'focus'], height: ['responsive'], leading: ['responsive'], lists: ['responsive'], @@ -863,18 +888,19 @@ module.exports = { minWidth: ['responsive'], negativeMargin: ['responsive'], opacity: ['responsive'], + outline: ['focus'], overflow: ['responsive'], padding: ['responsive'], pointerEvents: ['responsive'], position: ['responsive'], resize: ['responsive'], - shadows: ['responsive'], + shadows: ['responsive', 'hover', 'focus'], svgFill: [], svgStroke: [], textAlign: ['responsive'], - textColors: ['responsive', 'hover'], + textColors: ['responsive', 'hover', 'focus'], textSizes: ['responsive'], - textStyle: ['responsive', 'hover'], + textStyle: ['responsive', 'hover', 'focus'], tracking: ['responsive'], userSelect: ['responsive'], verticalAlign: ['responsive'],