WIP Exorcise legacy css

tailwind.config.js

@@ -1,3 +1,4 @@
+const plugin = require('tailwindcss/plugin')
 const tinycolor = require('tinycolor2')
 
 module.exports = {
@@ -65,6 +66,7 @@ module.exports = {
                 }
             },
         }),
+        themeVariants: [ 'ep', 'sbw', 'snz', 'uch' ],
         extend: {
             colors: {
                 'overlay': {
@@ -75,6 +77,7 @@ module.exports = {
                     'primary': '#009fe3',
                     'secondary': '#f0bc44',
                     'primary-light': '#009fff',
+                    'primary-dark': '#006db6',
                     'primary-10': tinycolor('#009fe3').setAlpha(0.1).toRgbString(),
                     'primary-80': tinycolor('#009fe3').setAlpha(0.8).toRgbString(),
                 },
@@ -109,8 +112,34 @@ module.exports = {
             },
         },
     },
-    variants: {},
+    variants: {
+        display: ({ 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}) => {
+                    return `.${e(`first-type${separator}${className}`)}:first-of-type`
+                })
+            })
+        }),
+        plugin(function ({addVariant, e}) {
+            addVariant('last-type', ({modifySelectors, separator}) => {
+                modifySelectors(({className}) => {
+                    return `.${e(`last-type${separator}${className}`)}:last-of-type`
+                })
+            })
+        }),
     ],
 }