Skip to content

Themes: Configure Elevations using CSS variables #11295

@simeonoff

Description

@simeonoff

Is your feature request related to a problem? Please describe.

Currently, the component shadows(elevations) are configured via sass properties on the @theme mixin. We should make sure the configuration can be changed at runtime via CSS custom props. Similar to how it's done in the WC framework.

Describe the solution you'd like

The theming engine should output a new CSS variable --igx-elevation-factor that when modified at runtime changes the shadows/elevations of all components.

Metadata

Metadata

Assignees

Labels

🧰 feature-request✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions