Add carousel-start modifier (#2889)
This commit is contained in:
parent
f270829f40
commit
61e7d2b354
|
@ -10,6 +10,9 @@
|
|||
@apply box-content flex flex-none;
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
&-start .carousel-item {
|
||||
scroll-snap-align: start;
|
||||
}
|
||||
&-center .carousel-item {
|
||||
scroll-snap-align: center;
|
||||
}
|
||||
|
|
|
@ -20,6 +20,7 @@ layout: components
|
|||
data="{[
|
||||
{ type:'component', class: 'carousel', desc: 'Container element' },
|
||||
{ type:'component', class: 'carousel-item', desc: 'Carousel item' },
|
||||
{ type:'modifier', class: 'carousel-start', desc: 'Snap elements to start(default)' },
|
||||
{ type:'modifier', class: 'carousel-center', desc: 'Snap elements to center' },
|
||||
{ type:'modifier', class: 'carousel-end', desc: 'Snap elements to end' },
|
||||
{ type:'modifier', class: 'carousel-vertical', desc: 'Vertical carousel' },
|
||||
|
|
Loading…
Reference in New Issue