feat: add scroll-snap utilities

Fixes #329
muhammadsammy · Dec 17, 2021 · e7d5070 · e7d5070
1 parent b343833
commit e7d5070
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/cli/lib/non-configurable/interactivity.ts b/src/cli/lib/non-configurable/interactivity.ts
@@ -6,9 +6,28 @@ const resize = ['resize-none', 'resize', 'resize-y', 'resize-x'];
 
 const userSelect = ['select-none', 'select-text', 'select-all', 'select-auto'];
 
+const scrollSnap = [
+  // scroll snap align
+  'snap-start',
+  'snap-end',
+  'snap-center',
+  'snap-align-none',
+  // scroll snap stop
+  'snap-normal',
+  'snap-always',
+  // scroll snap type
+  'snap-none',
+  'snap-x',
+  'snap-y',
+  'snap-both',
+  'snap-mandatory',
+  'snap-proximity',
+];
+
 export default {
   appearance,
   pointerEvents,
   resize,
   userSelect,
+  scrollSnap,
 };
diff --git a/src/cli/types/classes.ts b/src/cli/types/classes.ts
@@ -139,7 +139,8 @@ type TInteractivityCategoryItem =
   | 'userSelect'
   | 'caretColor'
   | 'willChange'
-  | 'accentColor';
+  | 'accentColor'
+  | 'scrollSnap';
 
 type TLayoutCategoryItem =
   | 'display'