80 lines
1.3 KiB
Sass
80 lines
1.3 KiB
Sass
|
@import './_variables.scss'
|
||
|
|
|
||
|
|
.v-speed-dial
|
||
|
|
position: relative
|
||
|
|
z-index: $speed-dial-z-index
|
||
|
|
|
||
|
|
&--absolute
|
||
|
|
position: absolute
|
||
|
|
|
||
|
|
&--fixed
|
||
|
|
position: fixed
|
||
|
|
|
||
|
|
&--fixed,
|
||
|
|
&--absolute
|
||
|
|
z-index: 4
|
||
|
|
|
||
|
|
& > .v-btn--floating
|
||
|
|
margin: 0
|
||
|
|
|
||
|
|
&--top
|
||
|
|
top: map-get($grid-gutters, 'lg')
|
||
|
|
|
||
|
|
&--bottom
|
||
|
|
bottom: map-get($grid-gutters, 'lg')
|
||
|
|
|
||
|
|
&--left
|
||
|
|
left: map-get($grid-gutters, 'lg')
|
||
|
|
|
||
|
|
&--right
|
||
|
|
right: map-get($grid-gutters, 'lg')
|
||
|
|
|
||
|
|
&--direction
|
||
|
|
&-left,
|
||
|
|
&-right
|
||
|
|
.v-speed-dial__list
|
||
|
|
height: 100%
|
||
|
|
top: 0
|
||
|
|
padding: 0 $speed-dial-padding
|
||
|
|
|
||
|
|
&-top,
|
||
|
|
&-bottom
|
||
|
|
.v-speed-dial__list
|
||
|
|
left: 0
|
||
|
|
width: 100%
|
||
|
|
|
||
|
|
&-top
|
||
|
|
.v-speed-dial__list
|
||
|
|
flex-direction: column-reverse
|
||
|
|
bottom: 100%
|
||
|
|
|
||
|
|
&-right
|
||
|
|
.v-speed-dial__list
|
||
|
|
flex-direction: row
|
||
|
|
left: 100%
|
||
|
|
|
||
|
|
&-bottom
|
||
|
|
.v-speed-dial__list
|
||
|
|
flex-direction: column
|
||
|
|
top: 100%
|
||
|
|
|
||
|
|
&-left
|
||
|
|
.v-speed-dial__list
|
||
|
|
flex-direction: row-reverse
|
||
|
|
right: 100%
|
||
|
|
|
||
|
|
/** Elements */
|
||
|
|
.v-speed-dial__list
|
||
|
|
align-items: center
|
||
|
|
display: flex
|
||
|
|
justify-content: center
|
||
|
|
padding: $speed-dial-padding 0
|
||
|
|
position: absolute
|
||
|
|
|
||
|
|
.v-btn
|
||
|
|
margin: $speed-dial-button-margin
|
||
|
|
|
||
|
|
/** Modifiers */
|
||
|
|
.v-speed-dial:not(.v-speed-dial--is-active) .v-speed-dial__list
|
||
|
|
pointer-events: none
|