diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..c87b2ec --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,38 @@ +module.exports = { + theme: { + colors: { + 'black': '#22292f', + 'black-60': 'rgba(0, 0, 0, .6)', + 'blue': '#3490dc', + 'blue-dark': '#2779bd', + 'blue-light': '#bcdefa', + 'green': '#77B159', + 'green-dark': '#325E1C', + 'green-light': '#CDE2C2', + 'green-lighter': '#F3FAEE', + 'grey': '#b8c2cc', + 'grey-dark': '#8795a1', + 'grey-darkest': '#3d4852', + 'grey-light': '#dae1e7', + 'grey-lighter': '#f0f0f0', + 'grey-lightest': '#F6F6F2', + 'transparent': 'transparent', + 'white': '#ffffff', + }, + extend: { + fontSize: { + '3xl': '1.75rem', + }, + maxWidth: { + '6xl': '80rem', + }, + }, + }, + plugins: [ + require('tailwindcss/plugins/container')({ + center: true, + padding: '1rem', + }), + require('tailwindcss-skip-link')(), + ] +} diff --git a/tailwind.js b/tailwind.js deleted file mode 100644 index 0246c99..0000000 --- a/tailwind.js +++ /dev/null @@ -1,37 +0,0 @@ -let defaultConfig = require('tailwindcss/defaultConfig')() - -var colors = { - ...defaultConfig.colors, - 'black': '#22292f', - 'black-60': 'rgba(0, 0, 0, .6)', - 'blue': '#3490dc', - 'blue-dark': '#2779bd', - 'blue-light': '#bcdefa', - 'green': '#77B159', - 'green-dark': '#325E1C', - 'green-light': '#CDE2C2', - 'green-lighter': '#F3FAEE', - 'grey': '#b8c2cc', - 'grey-dark': '#8795a1', - 'grey-darkest': '#3d4852', - 'grey-light': '#dae1e7', - 'grey-lighter': '#f0f0f0', - 'grey-lightest': '#F6F6F2', - 'transparent': 'transparent', - 'white': '#ffffff', -} - -module.exports = { - ...defaultConfig, - colors: colors, - textColors: colors, - backgroundColors: colors, - borderColors: Object.assign({ default: colors['grey-light'] }, colors), - plugins: [ - require('tailwindcss/plugins/container')({ - center: true, - padding: '1rem', - }), - require('tailwindcss-skip-link')(), - ], -}