Finalize searchbar position on different page layouts

2021-09-02 15:32:41 +02:00
parent 9e5cedf9ac
commit eb7d91a458
15 changed files with 98 additions and 56 deletions
@@ -118,16 +118,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', 'sticky'],
+            display: ['group-hover', 'reduced'],
            visibility: [ 'group-hover' ],
            opacity: [ 'group-hover' ],
            rotate: [ 'group-hover' ],
-            flex: [ 'sticky' ],
-            flexDirection: [ 'even', 'odd', 'sticky' ],
-            alignItems: [ 'sticky' ],
-            padding: [ 'even', 'odd', 'first', 'last', 'sticky' ],
-            margin: [ 'even', 'odd', 'first', 'last', 'sticky' ],
-            maxWidth: [ 'sticky' ],
+            flex: [ 'reduced' ],
+            flexDirection: [ 'even', 'odd', 'reduced' ],
+            alignItems: [ 'reduced' ],
+            padding: [ 'even', 'odd', 'first', 'last', 'reduced' ],
+            margin: [ 'even', 'odd', 'first', 'last', 'reduced' ],
+            maxWidth: [ 'reduced' ],
        },
    },
    plugins: [
@@ -151,9 +151,9 @@ module.exports = {
            })
        }),
        plugin(function ({addVariant, e}) {
-            addVariant('sticky', ({modifySelectors, separator}) => {
+            addVariant('reduced', ({modifySelectors, separator}) => {
                modifySelectors(({className}) => {
-                    return `.sticky .${e(`sticky${separator}${className}`)}`
+                    return `.reduced .${e(`reduced${separator}${className}`)}`
                })
            })
        }),