-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
/
VSlideGroup.sass
51 lines (43 loc) 路 926 Bytes
/
VSlideGroup.sass
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
@forward './variables'
@use 'sass:math'
@use 'sass:map'
@use '../../styles/settings'
@use '../../styles/tools'
@use './variables' as *
// Block
.v-slide-group
display: flex
.v-slide-item
display: inline-flex
flex: 0 1 auto
// Element
.v-slide-group__next,
.v-slide-group__prev
align-items: center
display: flex
flex: 0 1 $slide-group-prev-basis
justify-content: center
min-width: $slide-group-prev-basis
cursor: pointer
&--disabled
pointer-events: none
opacity: var(--v-disabled-opacity)
.v-slide-group__content
display: flex
flex: 1 0 auto
position: relative
transition: 0.2s all settings.$standard-easing
white-space: nowrap
> *
white-space: initial
.v-slide-group__container
contain: content
display: flex
flex: 1 1 auto
overflow: hidden
// Modifiers
.v-slide-group--vertical
&,
.v-slide-group__container,
.v-slide-group__content
flex-direction: column