diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 44a1280..932204d 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -1,9 +1,9 @@
-
+
-
-
-
+
+
+
{{-- Inertia --}}
diff --git a/tailwind.config.js b/tailwind.config.js
index ace4dc0..e028865 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,22 +1,42 @@
+const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
+ purge: [
+ // prettier-ignore
+ './resources/**/*.blade.php',
+ './resources/**/*.js',
+ './resources/**/*.vue',
+ ],
+ darkMode: false, // or 'media' or 'class'
theme: {
+ colors: {
+ transparent: 'transparent',
+ current: 'currentColor',
+ black: colors.black,
+ white: colors.white,
+ red: colors.red,
+ orange: colors.orange,
+ yellow: colors.yellow,
+ green: colors.green,
+ gray: colors.blueGray,
+ indigo: {
+ 100: '#e6e8ff',
+ 300: '#b2b7ff',
+ 400: '#7886d7',
+ 500: '#6574cd',
+ 600: '#5661b3',
+ 800: '#2f365f',
+ 900: '#191e38',
+ },
+ },
extend: {
+ borderColor: theme => ({
+ DEFAULT: theme('colors.gray.200', 'currentColor'),
+ }),
fontFamily: {
sans: ['Cerebri Sans', ...defaultTheme.fontFamily.sans],
},
- colors: {
- indigo: {
- '900': '#191e38',
- '800': '#2f365f',
- '600': '#5661b3',
- '500': '#6574cd',
- '400': '#7886d7',
- '300': '#b2b7ff',
- '100': '#e6e8ff',
- },
- },
boxShadow: theme => ({
outline: '0 0 0 2px ' + theme('colors.indigo.500'),
}),
@@ -24,9 +44,9 @@ module.exports = {
},
},
variants: {
- fill: ['responsive', 'hover', 'focus', 'group-hover'],
- textColor: ['responsive', 'hover', 'focus', 'group-hover'],
- zIndex: ['responsive', 'focus'],
+ extend: {
+ fill: ['focus', 'group-hover'],
+ },
},
plugins: [],
}
diff --git a/webpack.mix.js b/webpack.mix.js
index bf85dae..5f4f073 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -1,9 +1,7 @@
+const path = require('path')
+const mix = require('laravel-mix')
const cssImport = require('postcss-import')
const cssNesting = require('postcss-nesting')
-const mix = require('laravel-mix')
-const path = require('path')
-const purgecss = require('@fullhuman/postcss-purgecss')
-const tailwindcss = require('tailwindcss')
/*
|--------------------------------------------------------------------------
@@ -16,22 +14,15 @@ const tailwindcss = require('tailwindcss')
|
*/
-mix.js('resources/js/app.js', 'public/js')
- .postCss('resources/css/app.css', 'public/css/app.css')
- .options({
- postCss: [
- cssImport(),
- cssNesting(),
- tailwindcss('tailwind.config.js'),
- ...mix.inProduction() ? [
- purgecss({
- content: ['./resources/views/**/*.blade.php', './resources/js/**/*.vue'],
- defaultExtractor: content => content.match(/[\w-/:.]+(?