30 lines
800 B
Sass
30 lines
800 B
Sass
@use '../../styles/tools'
|
|
|
|
@include tools.layer('components')
|
|
.v-speed-dial__content
|
|
gap: 8px
|
|
|
|
&.v-overlay__content
|
|
&.v-speed-dial__content--end,
|
|
&.v-speed-dial__content--end-center,
|
|
&.v-speed-dial__content--right,
|
|
&.v-speed-dial__content--right-center
|
|
flex-direction: row
|
|
|
|
&.v-speed-dial__content--left,
|
|
&.v-speed-dial__content--left-center,
|
|
&.v-speed-dial__content--start,
|
|
&.v-speed-dial__content--start-center
|
|
flex-direction: row-reverse
|
|
|
|
&.v-speed-dial__content--top,
|
|
&.v-speed-dial__content--top-center
|
|
flex-direction: column-reverse
|
|
|
|
> *
|
|
&:nth-child(1)
|
|
transition-delay: 0.001s
|
|
@for $i from 2 through 10
|
|
&:nth-child(#{$i})
|
|
transition-delay: 0.05s * ($i - 1)
|