Skip to content

Commit 0a36dc8

Browse files
committed
Added scroll and scroll snap utilities
1 parent e311946 commit 0a36dc8

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

scss/utilities/_utilities.scss

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -472,6 +472,39 @@ $utilities: map-merge($utilities, (
472472
values: auto hidden visible scroll
473473
),
474474

475+
// Scroll
476+
"scroll-behaviour": (
477+
property: scroll-behaviour,
478+
class: scroll,
479+
values: auto smooth
480+
),
481+
"scroll-snap-align": (
482+
property: scroll-snap-align,
483+
class: scroll-snap,
484+
values: start end center none
485+
),
486+
"scroll-snap-stop": (
487+
property: scroll-snap-stop,
488+
class: scroll-snap,
489+
values: normal always
490+
),
491+
"scroll-snap-type": (
492+
property: scroll-snap-type,
493+
class: scroll-snap,
494+
values: (
495+
none: none,
496+
x: x var(--x-scroll-snap-strictness),
497+
y: y var(--x-scroll-snap-strictness),
498+
both: both var(--x-scroll-snap-strictness),
499+
)
500+
),
501+
"scroll-snap-strictness": (
502+
css-var: true,
503+
css-variable-name: scroll-snap-strictness,
504+
class: scroll-snap,
505+
values: mandatory proximity
506+
),
507+
475508
// Transitions
476509
"transition-property": (
477510
property: transition-property,

0 commit comments

Comments
 (0)