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

Feature Request: Allow Passing Multiple Themes to css-vars() mixin #364

Open
desig9stein opened this issue Dec 2, 2024 · 0 comments · May be fixed by #368
Open

Feature Request: Allow Passing Multiple Themes to css-vars() mixin #364

desig9stein opened this issue Dec 2, 2024 · 0 comments · May be fixed by #368
Assignees
Labels

Comments

@desig9stein
Copy link
Contributor

Currently, when adding multiple themes to different components, we need to make repeated calls to the css-vars() mixin:

@include css-vars($input-theme);
@include css-vars($checkbox-theme);

I propose enhancing the css-vars() to allow passing multiple theme maps at once. This would improve code clarity and maintainability, enabling more concise and efficient theming.

Proposed Syntax:
Instead of writing multiple lines, users would be able to pass multiple themes as parameters:

@include css-vars(
   $input-theme,
   $checkbox-theme,
   ...
);

Expected Behavior:
The mixin should iterate through each theme provided and add the corresponding CSS variables.
The output should be equivalent to multiple individual calls of @include css-vars($theme) for each provided theme.
This enhancement would make theme management more streamlined and consistent, improving the developer experience when working with multiple components.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants