WIP Migrate to stimulus.js and tailwind

2021-08-16 16:06:07 +02:00
parent 81d7e192db
commit 39f1c72972
5 changed files with 56 additions and 54 deletions
@@ -109,13 +109,16 @@ module.exports = {
            borderWidth: [ 'even', 'odd', 'first', 'last' ],
            textColor: [ 'sbw', 'sbw-hover', 'snz', 'snz-hover', 'uch', 'uch-hover' ],
            borderColor: [ 'sbw','snz', 'uch' ],
-            display: ['group-hover'],
+            display: ['group-hover', 'sticky'],
            visibility: ['group-hover'],
            opacity: ['group-hover'],
            rotate: ['group-hover'],
-            flexDirection: ['even', 'odd'],
-            padding: ['even', 'odd', 'first', 'last'],
-            margin: ['even', 'odd', 'first', 'last'],
+            flex: ['sticky'],
+            flexDirection: ['even', 'odd', 'sticky'],
+            alignItems: ['sticky'],
+            padding: ['even', 'odd', 'first', 'last', 'sticky'],
+            margin: ['even', 'odd', 'first', 'last', 'sticky'],
+            maxWidth: ['sticky'],
        },
    },
    plugins: [
@@ -138,5 +141,12 @@ module.exports = {
                })
            })
        }),
+        plugin(function ({addVariant, e}) {
+            addVariant('sticky', ({modifySelectors, separator}) => {
+                modifySelectors(({className}) => {
+                    return `.sticky .${e(`sticky${separator}${className}`)}`
+                })
+            })
+        }),
    ],
 }