WIP Debootstrapify

tailwind.config.js

@@ -77,7 +77,8 @@ module.exports = {
                     'primary': '#009fe3',
                     'secondary': '#f0bc44',
                     'primary-light': '#009fff',
-                    'primary-dark': '#006db6',
+                    'primary-medium': '#165883',
+                    'primary-dark': '#18527B',
                     'primary-10': tinycolor('#009fe3').setAlpha(0.1).toRgbString(),
                     'primary-80': tinycolor('#009fe3').setAlpha(0.8).toRgbString(),
                 },
@@ -113,20 +114,17 @@ module.exports = {
         },
     },
     variants: {
+        backgroundColor: ({ after }) => after([ 'ep', 'ep:hover', 'sbw', 'sbw:hover', 'snz', 'snz:hover', 'uch', 'uch:hover' ]),
+        textColor: ({ after }) => after([ 'ep', 'ep:hover', 'ep:focus', 'sbw', 'sbw:hover', 'snz', 'snz:hover', 'uch', 'uch:hover' ]),
+        borderColor: ({ after }) => after([ 'ep', 'sbw','snz', 'uch' ]),
         display: ({ after }) => after(['group-hover']),
+        visibility: ({ after }) => after(['group-hover']),
         opacity: ({ after }) => after(['group-hover']),
         rotate: ({ after }) => after(['group-hover']),
     },
     plugins: [
         require('tailwindcss-multi-theme'),
         require('@tailwindcss/custom-forms'),
-        plugin(function ({addVariant, e}) {
-            addVariant('subpage', ({modifySelectors, separator}) => {
-                modifySelectors(({className}) => {
-                    return `.subpage .${e(`subpage${separator}${className}`)}`
-                })
-            })
-        }),
         plugin(function ({addVariant, e}) {
             addVariant('first-type', ({modifySelectors, separator}) => {
                 modifySelectors(({className}) => {