WIP Deebootstrapify

tailwind.config.js

@@ -25,7 +25,7 @@ module.exports = {
     theme: {
         container: {
             center: true,
-            padding: '2rem',
+            padding: '1rem',
         },
         fontFamily: {
             'sans': [ 'Lato', 'sans-serif' ],
@@ -85,6 +85,9 @@ module.exports = {
                 'sbw': {
                     'primary': '#f0bc44',
                     'secondary': '#ee525a',
+                    'primary-light': '#f0bc44',
+                    'primary-medium': '#f0bc44',
+                    'primary-dark': '#f0bc44',
                     'primary-10': tinycolor('#f0bc44').setAlpha(0.1).toRgbString(),
                     'primary-80': tinycolor('#f0bc44').setAlpha(0.8).toRgbString(),
                 },
@@ -102,6 +105,7 @@ module.exports = {
                 },
             },
             height: {
+                '96': '20rem',
                 '128': '32rem',
             },
             inset: {
@@ -114,17 +118,20 @@ module.exports = {
         },
     },
     variants: {
-        backgroundColor: ({ after }) => after([ 'ep', 'ep:hover', 'sbw', 'sbw:hover', 'snz', 'snz:hover', 'uch', 'uch:hover' ]),
+        backgroundColor: ({ after }) => after([ 'ep', 'ep:hover', 'sbw', 'sbw:hover', 'snz', 'snz:hover', 'uch', 'uch:hover', 'even', 'odd' ]),
         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']),
+        flexDirection: ({ after }) => after(['even', 'odd']),
+        padding: ({ after }) => after(['even', 'odd']),
     },
     plugins: [
         require('tailwindcss-multi-theme'),
         require('@tailwindcss/custom-forms'),
+        require('@tailwindcss/aspect-ratio'),
         plugin(function ({addVariant, e}) {
             addVariant('first-type', ({modifySelectors, separator}) => {
                 modifySelectors(({className}) => {