Skip to content

Commit 23d20fa

Browse files
Utilities: add 0 value to link-underline-opacity (#38131)
1 parent 80ba848 commit 23d20fa

File tree

2 files changed

+4
-2
lines changed

2 files changed

+4
-2
lines changed

scss/_utilities.scss

+1
Original file line numberDiff line numberDiff line change
@@ -651,6 +651,7 @@ $utilities: map-merge(
651651
class: link-underline-opacity,
652652
state: hover,
653653
values: (
654+
0: 0,
654655
10: .1,
655656
25: .25,
656657
50: .5,

site/content/docs/5.3/utilities/link.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@ Change the underline's distance from your text. Offset is set in `em` units to a
5959
Change the underline's opacity. Requires adding `.link-underline` to first set an `rgba()` color we use to then modify the alpha opacity.
6060

6161
{{< example >}}
62+
<p><a class="link-offset-2 link-underline link-underline-opacity-0" href="#">Underline opacity 0</a></p>
6263
<p><a class="link-offset-2 link-underline link-underline-opacity-10" href="#">Underline opacity 10</a></p>
6364
<p><a class="link-offset-2 link-underline link-underline-opacity-25" href="#">Underline opacity 25</a></p>
6465
<p><a class="link-offset-2 link-underline link-underline-opacity-50" href="#">Underline opacity 50</a></p>
@@ -71,8 +72,8 @@ Change the underline's opacity. Requires adding `.link-underline` to first set a
7172
Just like the `.link-opacity-*-hover` utilities, `.link-offset` and `.link-underline-opacity` utilities include `:hover` variants by default. Mix and match to create unique link styles.
7273

7374
{{< example >}}
74-
<a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-25 link-underline-opacity-75-hover" href="#">
75-
Underline opacity 10
75+
<a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover" href="#">
76+
Underline opacity 0
7677
</a>
7778
{{< /example >}}
7879

0 commit comments

Comments
 (0)