Quasar: [Request] Allow shadow color and elevation to be overridable

Created on 31 Jul 2018  路  5Comments  路  Source: quasarframework/quasar

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.

Most helpful comment

Available in next Q version (0.17.5)

All 5 comments

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...

Was this page helpful?
0 / 5 - 0 ratings