In src/css/core.variables.styl the shadow color has a var, but it isn't used in the elevation composition.
$shadow-color ?= black
$shadow-transition ?= box-shadow .28s cubic-bezier(.4, 0, .2, 1)
$inset-shadow = 0 7px 9px -7px alpha($shadow-color, .7) inset
$elevation-umbra = rgba(black, .2)
$elevation-penumbra = rgba(black, .14)
$elevation-ambient = rgba(black, .12)
I think we could do a little tweak to allow us to override the color and the elevation vars. That should look like:
$shadow-color ?= black
$shadow-transition ?= box-shadow .28s cubic-bezier(.4, 0, .2, 1)
$inset-shadow = 0 7px 9px -7px alpha($shadow-color, .7) inset
$elevation-umbra ?= rgba($shadow-color, .2)
$elevation-penumbra ?= rgba($shadow-color, .14)
$elevation-ambient ?= rgba($shadow-color, .12)
So users have more possibilities of customization.
Available in next Q version (0.17.5)
How is this done? I can't find any information searching elevation on the documentation :<
@kirinnee Look here: https://quasar.dev/style/sass-scss-variables#Quasar%E2%80%99s-CSS and at Variables list right below it.
is there a simpler way to have dynamic shadows?
This is already simple...
Most helpful comment
Available in next Q version (0.17.5)