Skip to content

Conversation

@damyanpetev
Copy link
Member

@damyanpetev damyanpetev commented May 4, 2023

Goal: Update the component global CSS var prefixes when exposed as igc- element in a mostly automated way without disturbing the base source too much. Could also help with adjusting selectors of exposed components instead of stacking them all in each component's theme as already done in the target branch.

I've checked and as far as I see there are no references to the name of the theme and the only usage for the theme name is for CSS vars:
https://github.com/IgniteUI/igniteui-theming/blob/733926ee432cb66efdbe1045ddac5c51ea1bb071/sass/themes/_mixins.scss#L63

Also fixes #12956

Additional information (check all that apply):

  • Bug fix
  • New functionality
  • Documentation
  • Demos
  • CI/CD

Checklist:

  • All relevant tags have been applied to this PR
  • This PR includes unit tests covering all the new code (test guidelines)
  • This PR includes API docs for newly added methods/properties (api docs guidelines)
  • This PR includes feature/README.MD updates for the feature docs
  • This PR includes general feature table updates in the root README.MD
  • This PR includes CHANGELOG.MD updates for newly added functionality
  • This PR contains breaking changes
  • This PR includes ng update migrations for the breaking changes (migrations guidelines)
  • This PR includes behavioral changes and the feature specification has been updated with them


@include igx.core();
@include igx.typography($font-family: igx.$bootstrap-typeface, $type-scale: igx.$bootstrap-type-scale);
@include igx.bootstrap-light-theme($palette: $palette, $exclude: vars.$unused-themes);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Only concern from moving away from using bootstrap-light-theme and so on - that mixin seems to do something extra, rather than using the light-bootstrap-palette directly for some reason:

$surface: if($surface != #f8f9fa, $surface, #f8f9fa),
$gray: #212529,

Kinda odd

@damyanpetev damyanpetev force-pushed the dpetev/elements-theme-shenanigans branch from 0e8daf2 to 318fb48 Compare May 17, 2023 16:05
@damyanpetev damyanpetev changed the title refactor(elements): [WIP] component theme cb to update name/prefix and selector refactor(elements): component theme cb to update name/prefix and selector Jun 21, 2023
@damyanpetev damyanpetev marked this pull request as ready for review June 21, 2023 18:48
@damyanpetev damyanpetev merged commit 983b0cc into angular-elements Jun 21, 2023
@damyanpetev damyanpetev deleted the dpetev/elements-theme-shenanigans branch June 21, 2023 18:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants