diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 000000000..7ac7ac22b --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,7 @@ +const tailwindcss = require('tailwindcss'); +module.exports = { + plugins: [ + 'postcss-preset-env', + tailwindcss + ], +}; \ No newline at end of file diff --git a/src/styles/index.css b/src/styles/index.css index 03af8a03a..56d6668c0 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -1,5 +1,4 @@ /* Base Styles*/ - @import "tailwindcss/base"; @import 'typography'; @@ -26,3 +25,5 @@ /* Utilities*/ @import "tailwindcss/utilities"; + + diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css index 76fcadcc0..b2a552e24 100644 --- a/src/styles/tailwind.css +++ b/src/styles/tailwind.css @@ -1,3 +1,3 @@ -@import "tailwindcss/base"; -@import "tailwindcss/components"; -@import "tailwindcss/utilities"; +@tailwindcss base; +@tailwindcss components; +@tailwindcss utilities; diff --git a/tailwind.config.js b/tailwind.config.js index ea8d7dd1b..1574a2296 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -8,6 +8,7 @@ const { colors } = require('tailwindcss/defaultTheme') // 63 101 127 other #3F657F dark blue module.exports = { + content: ['./_site/*.html'], theme: { colors: { primary: { diff --git a/webpack.common.js b/webpack.common.js index 9b9ad6fdb..c5d03051c 100644 --- a/webpack.common.js +++ b/webpack.common.js @@ -43,8 +43,8 @@ module.exports = { { ident: 'postcss', plugins: [ + require('postcss-import'), require('tailwindcss')('tailwind.config.js'), - require('postcss-import'), require('postcss-preset-env'), // require('cssnano'), ],