You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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?
Prerequisites
Describe the issue
It's easy to change the opacity of a
.bg-secondary
div with thebg-opacity-50
class.. however I noticed that thebg-*-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 enabledIf 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
The text was updated successfully, but these errors were encountered: