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
Copy file name to clipboardExpand all lines: site/src/content/docs/utilities/background.mdx
+13-13Lines changed: 13 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -59,22 +59,22 @@ Do you need a gradient in your custom CSS? Just add `background-image: var(--bs-
59
59
60
60
Change the opacity of a background color by using any of the `.bg-<percentage>` utilities which use `color-mix()` to mix the background color with `transparent`.
61
61
62
-
<Exampleclass="d-flex flex-column gap-2"code={`<div class="bg-success p-2 text-white">This is default success background</div>
63
-
<div class="bg-success p-2 text-white bg-90">This is 90% opacity success background</div>
64
-
<div class="bg-success p-2 text-white bg-80">This is 80% opacity success background</div>
65
-
<div class="bg-success p-2 text-white bg-70">This is 70% opacity success background</div>
66
-
<div class="bg-success p-2 text-white bg-60">This is 60% opacity success background</div>
67
-
<div class="bg-success p-2 text-dark bg-50">This is 50% opacity success background</div>
68
-
<div class="bg-success p-2 text-dark bg-40">This is 40% opacity success background</div>
69
-
<div class="bg-success p-2 text-dark bg-30">This is 30% opacity success background</div>
70
-
<div class="bg-success p-2 text-dark bg-20">This is 20% opacity success background</div>
0 commit comments