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

-subtle color background utility classes don't support opacity #38924

Open
3 tasks done
Tracked by #2223
coliff opened this issue Jul 18, 2023 · 2 comments · May be fixed by #39235
Open
3 tasks done
Tracked by #2223

-subtle color background utility classes don't support opacity #38924

coliff opened this issue Jul 18, 2023 · 2 comments · May be fixed by #39235

Comments

@coliff
Copy link
Contributor

coliff commented Jul 18, 2023

Prerequisites

Describe the issue

It's easy to change the opacity of a .bg-secondary div with the bg-opacity-50 class.. however I noticed that the bg-*-subtle classes do not support changing the opacity. It would be useful if they did. I assume the subtle colors would need RGB values added as CSS custom properties for this to be enabled

If support for this isn't planned perhaps should add a note to the docs mentioning that bg-opacity classes don't work with -subtle colors.

Reduced test cases

Stackblitz demo:
https://stackblitz.com/edit/bootstrap-subtle-opacity?file=index.html

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

No response

What version of Bootstrap are you using?

v5.3.0

@mdo
Copy link
Member

mdo commented Jul 24, 2023

Right now we're not generating any -rgb variables for these colors, but we could. That feels like a slightly larger lift than a patch release, so removing the assigned project from here for now. @coliff Do you want to take a stab at something here?

@coliff
Copy link
Contributor Author

coliff commented Jul 28, 2023

sorry, don't think I'll be able to do this anytime soon. I'd be happy for someone else to jump it and take this on though!

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

Successfully merging a pull request may close this issue.

3 participants