13 lines
466 B
Sass
13 lines
466 B
Sass
@use 'sass:map'
|
|
@use '../settings'
|
|
|
|
@mixin elevation($z)
|
|
&
|
|
box-shadow: map.get(settings.$shadow-key, $z), map.get(settings.$shadow-ambient, $z)
|
|
--v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) #{$z * settings.$elevation-overlay-step}, transparent)
|
|
|
|
@mixin elevationTransition($duration: 280ms, $easing: cubic-bezier(0.4, 0, 0.2, 1))
|
|
&
|
|
transition: $duration $easing
|
|
transition-property: box-shadow, --v-elevation-overlay
|