add logical properties support for float and clear

dcastil · Dec 21, 2023 · 2c0da8c · 2c0da8c
1 parent a258e10
commit 2c0da8c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/lib/default-config.ts b/src/lib/default-config.ts
@@ -193,12 +193,12 @@ export function getDefaultConfig() {
              * Floats
              * @see https://tailwindcss.com/docs/float
              */
-            float: [{ float: ['right', 'left', 'none'] }],
+            float: [{ float: ['right', 'left', 'none', 'start', 'end'] }],
             /**
              * Clear
              * @see https://tailwindcss.com/docs/clear
              */
-            clear: [{ clear: ['left', 'right', 'both', 'none'] }],
+            clear: [{ clear: ['left', 'right', 'both', 'none', 'start', 'end'] }],
             /**
              * Isolation
              * @see https://tailwindcss.com/docs/isolation

diff --git a/tests/tailwind-css-versions.test.ts b/tests/tailwind-css-versions.test.ts
@@ -52,4 +52,5 @@ test('supports Tailwind CSS v3.4 features', () => {
         'forced-color-adjust-auto',
     )
     expect(twMerge('appearance-none appearance-auto')).toBe('appearance-auto')
+    expect(twMerge('float-start float-end clear-start clear-end')).toBe('float-end clear-end')
 })