feat: add isolation utilities

Fixes #194
muhammadsammy · Apr 9, 2021 · 3022592 · 3022592
1 parent a6c8e87
commit 3022592
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/src/cli/lib/non-configurable/layout.ts b/src/cli/lib/non-configurable/layout.ts
@@ -21,6 +21,8 @@ const float = ['float-right', 'float-left', 'float-none'];
 
 const clear = ['clear-left', 'clear-right', 'clear-both', 'clear-none'];
 
+const isolation = ['isolate', 'isolation-auto'];
+
 const objectFit = [
   'object-contain',
   'object-cover',
@@ -66,6 +68,7 @@ export default {
   container,
   float,
   clear,
+  isolation,
   objectFit,
   overflow,
   overscrollBehavior,

diff --git a/src/cli/types/classes.ts b/src/cli/types/classes.ts
@@ -142,6 +142,7 @@ type TLayoutCategoryItem =
   | 'container'
   | 'float'
   | 'clear'
+  | 'isolation'
   | 'objectFit'
   | 'objectPosition'
   | 'overflow'

diff --git a/src/index.ts b/src/index.ts
@@ -2538,6 +2538,8 @@ export type TFloat = 'float-right' | 'float-left' | 'float-none';
 
 export type TClear = 'clear-left' | 'clear-right' | 'clear-both' | 'clear-none';
 
+export type TIsolation = 'isolate' | 'isolation-auto';
+
 export type TObjectFit =
   | 'object-contain'
   | 'object-cover'
@@ -3190,6 +3192,7 @@ export type TLayout =
   | TContainer
   | TFloat
   | TClear
+  | TIsolation
   | TObjectFit
   | TOverflow
   | TOverscrollBehavior
@@ -14285,6 +14288,16 @@ export type TPseudoClasses =
   | 'lg:invert'
   | 'xl:invert'
   | '2xl:invert'
+  | 'sm:isolate'
+  | 'md:isolate'
+  | 'lg:isolate'
+  | 'xl:isolate'
+  | '2xl:isolate'
+  | 'sm:isolation-auto'
+  | 'md:isolation-auto'
+  | 'lg:isolation-auto'
+  | 'xl:isolation-auto'
+  | '2xl:isolation-auto'
   | 'sm:justify-start'
   | 'md:justify-start'
   | 'lg:justify-start'