Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Themes: Expose elevations as custom CSS props #8920

Closed
simeonoff opened this issue Feb 8, 2021 · 0 comments · Fixed by #8979 or #8835
Closed

Themes: Expose elevations as custom CSS props #8920

simeonoff opened this issue Feb 8, 2021 · 0 comments · Fixed by #8979 or #8835
Assignees
Labels
program: igniteui project management ✨ themes 🧰 feature-request version: 12.0.x ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.

Comments

@simeonoff
Copy link
Collaborator

Is your feature request related to a problem? Please describe

Expose all levels of elevation (0..24) as custom CSS props.

  --igx-elevation-0: ...;
  --igx-elevation-1: ...;

Describe the solution you'd like

  1. Create a mixin called igx-elevation-vars that include all custom CSS elevation props in a given scope for a given Sass map as produced by the igx-elevations function.

  2. Update the igx-elevation function to retrieve an elevation level as either :

  • list of box-shadows (when a concrete $elevations map is passed or $igx-legacy-support is set to true);
  • CSS variable ref (when a concrete $elevations map is omitted and $igx-legacy-support is set to false);
  • if $igx-legacy-support is set to true and the $elevation map is not passed, try to resolve the elevations from the default $elevation map;

Additional context

This feature is a part of #8868

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
program: igniteui project management ✨ themes 🧰 feature-request version: 12.0.x ✅ status: resolved Applies to issues that have pending PRs resolving them, or PRs that have already merged.
Projects
None yet
2 participants