Upgrade to tailwind 2.0

tailwind.config.js

@@ -2,13 +2,6 @@ const plugin = require('tailwindcss/plugin')
 const tinycolor = require('tinycolor2')
 
 module.exports = {
-    future: {
-        removeDeprecatedGapUtilities: true,
-        purgeLayersByDefault: true,
-    },
-    experimental: {
-        applyComplexClasses: true,
-    },
     purge: {
         mode: 'layers',
         layers: ['components', 'utilities'],
@@ -30,42 +23,12 @@ module.exports = {
         fontFamily: {
             'sans': [ 'Lato', 'sans-serif' ],
         },
-        customForms: theme => ({
-            default: {
-                'input, textarea, select, multiselect': {
-                    paddingTop: theme('spacing.4'),
-                    paddingBottom: theme('spacing.4'),
-                    paddingLeft: theme('spacing.8'),
-                    paddingRight: theme('spacing.8'),
-                    borderColor: theme('colors.gray.500'),
-                    borderRadius: undefined,
-                    '&:focus': {
-                        borderColor: undefined,
-                        boxShadow: undefined,
-                    },
-                },
-                'checkbox, radio': {
-                    width: theme('spacing.6'),
-                    height: theme('spacing.6'),
-                    backgroundColor: theme('colors.white'),
-                    borderColor: undefined,
-                    '&:focus': {
-                        borderColor: undefined,
-                        boxShadow: undefined,
-                    },
-                    '&:checked': {
-                        backgroundColor: theme('colors.ep.secondary'),
-                        boxShadow: undefined,
-                    },
-                },
-            },
-            error: {
-                'input, textarea, select, multiselect': {
-                    color: theme('colors.red.500'),
-                    borderColor: theme('colors.red.500'),
-                }
-            },
-        }),
+        screens: {
+            sm: '640px',
+            md: '768px',
+            lg: '1024px',
+            xl: '1280px',
+        },
         extend: {
             colors: {
                 'overlay': {
@@ -129,7 +92,6 @@ module.exports = {
         require('tailwindcss-alt')({
             variants: ['sbw', 'snz', 'uch'],
         }),
-        require('@tailwindcss/custom-forms'),
         require('@tailwindcss/aspect-ratio'),
         plugin(function ({addVariant, e}) {
             addVariant('first-type', ({modifySelectors, separator}) => {