mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 15:40:59 +00:00
Code Issues Projects Releases Wiki Activity

Utilities: add 0 value to link-underline-opacity (#38131)

Browse Source
This commit is contained in:
Louis-Maxime Piton 2023-03-02 07:45:25 +01:00 committed by GitHub
parent 80ba848443
commit 23d20fa54f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
scss/_utilities.scss
View File

@ -651,6 +651,7 @@ $utilities: map-merge(
class: link-underline-opacity,
state: hover,
values: (
0: 0,
10: .1,
25: .25,
50: .5,

5
site/content/docs/5.3/utilities/link.md
View File

@ -59,6 +59,7 @@ Change the underline's distance from your text. Offset is set in `em` units to a
Change the underline's opacity. Requires adding `.link-underline` to first set an `rgba()` color we use to then modify the alpha opacity.
{{< example >}}
<p><a class="link-offset-2 link-underline link-underline-opacity-0" href="#">Underline opacity 0</a></p>
<p><a class="link-offset-2 link-underline link-underline-opacity-10" href="#">Underline opacity 10</a></p>
<p><a class="link-offset-2 link-underline link-underline-opacity-25" href="#">Underline opacity 25</a></p>
<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
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.
{{< example >}}
<a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-25 link-underline-opacity-75-hover" href="#">
Underline opacity 10
<a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover" href="#">
Underline opacity 0
</a>
{{< /example >}}