feat: add flex basis utilites (closes #332)

muhammadsammy · Dec 17, 2021 · 8e900bb · 8e900bb
1 parent 2d695e4
commit 8e900bb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/cli/core/ClassnamesGenerator.ts b/src/cli/core/ClassnamesGenerator.ts
@@ -281,9 +281,10 @@ export class ClassnamesGenerator {
   private flexBox = (): FlexBox => {
     return {
       ...nonConfigurableClassNames.flexBox,
-      flexGrow: Object.keys(this._theme.flexGrow).map(key => `flex-grow-${key}`),
-      flexShrink: Object.keys(this._theme.flexShrink).map(key => `flex-shrink-${key}`),
-      order: Object.keys(this._theme.order).map(key => `order-${key}`),
+      flexBasis: Object.keys(this._theme.flexBasis).map(x => `basis-${x}`),
+      flexGrow: Object.keys(this._theme.flexGrow).map(x => `flex-grow-${x}`),
+      flexShrink: Object.keys(this._theme.flexShrink).map(x => `flex-shrink-${x}`),
+      order: Object.keys(this._theme.order).map(x => `order-${x}`),
     };
   };
 

diff --git a/src/cli/types/classes.ts b/src/cli/types/classes.ts
@@ -101,6 +101,7 @@ type TFiltersCategoryItem =
   | 'backdropSepia';
 
 type TFlexBoxCategoryItem =
+  | 'flexBasis'
   | 'flexDirection'
   | 'flexWrap'
   | 'alignItems'