feat: add box-decoration-break utilities

Fixes #193
muhammadsammy · Apr 9, 2021 · 65416ca · 65416ca
1 parent 0529a87
commit 65416ca
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
@@ -15,6 +15,8 @@ const display = [
   'hidden',
 ];
 
+const boxDecorationBreak = ['decoration-slice', 'decoration-clone'];
+
 const container = ['container'];
 
 const float = ['float-right', 'float-left', 'float-none'];
@@ -64,6 +66,7 @@ const visibility = ['visible', 'invisible'];
 
 export default {
   display,
+  boxDecorationBreak,
   boxSizing,
   container,
   float,

diff --git a/src/cli/types/classes.ts b/src/cli/types/classes.ts
@@ -138,6 +138,7 @@ type TInteractivityCategoryItem =
 
 type TLayoutCategoryItem =
   | 'display'
+  | 'boxDecorationBreak'
   | 'boxSizing'
   | 'container'
   | 'float'

diff --git a/src/index.ts b/src/index.ts
@@ -2530,6 +2530,8 @@ export type TDisplay =
   | 'contents'
   | 'hidden';
 
+export type TBoxDecorationBreak = 'decoration-slice' | 'decoration-clone';
+
 export type TBoxSizing = 'box-border' | 'box-content';
 
 export type TContainer = 'container';
@@ -3188,6 +3190,7 @@ export type TZIndex = 'z-0' | 'z-10' | 'z-20' | 'z-30' | 'z-40' | 'z-50' | 'z-au
 
 export type TLayout =
   | TDisplay
+  | TBoxDecorationBreak
   | TBoxSizing
   | TContainer
   | TFloat
@@ -6987,6 +6990,16 @@ export type TPseudoClasses =
   | 'lg:border'
   | 'xl:border'
   | '2xl:border'
+  | 'sm:decoration-slice'
+  | 'md:decoration-slice'
+  | 'lg:decoration-slice'
+  | 'xl:decoration-slice'
+  | '2xl:decoration-slice'
+  | 'sm:decoration-clone'
+  | 'md:decoration-clone'
+  | 'lg:decoration-clone'
+  | 'xl:decoration-clone'
+  | '2xl:decoration-clone'
   | 'sm:shadow-sm'
   | 'md:shadow-sm'
   | 'lg:shadow-sm'