routie dev init since i didn't adhere to any proper guidance up until now
This commit is contained in:
+27
@@ -0,0 +1,27 @@
|
||||
@use '../../styles/tools'
|
||||
@use '../../styles/settings'
|
||||
@use './variables' as *
|
||||
|
||||
@include tools.layer('components')
|
||||
.v-time-picker
|
||||
&.v-picker
|
||||
min-width: $time-picker-width
|
||||
|
||||
.v-picker__body,
|
||||
&-controls__field-label,
|
||||
.v-field
|
||||
transition-duration: .25s
|
||||
transition-timing-function: settings.$standard-easing
|
||||
transition-property: transform, max-height, opacity, font-size
|
||||
|
||||
@media (prefers-reduced-motion: reduce)
|
||||
transition: none
|
||||
|
||||
.v-picker__body
|
||||
transition-behavior: allow-discrete
|
||||
max-height: calc-size(max-content, size)
|
||||
|
||||
&--variant-input
|
||||
.v-picker__body
|
||||
transform: scale(0)
|
||||
max-height: 0
|
||||
Reference in New Issue
Block a user