diff options
Diffstat (limited to '')
| -rw-r--r-- | site/content/docs/5.3/helpers/stretched-link.md (renamed from site/content/docs/5.2/helpers/stretched-link.md) | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/site/content/docs/5.2/helpers/stretched-link.md b/site/content/docs/5.3/helpers/stretched-link.md index 93bffeb..21a11c0 100644 --- a/site/content/docs/5.2/helpers/stretched-link.md +++ b/site/content/docs/5.3/helpers/stretched-link.md @@ -36,7 +36,7 @@ Most custom components do not have `position: relative` by default, so we need t {{< /example >}} {{< example >}} -<div class="row g-0 bg-light position-relative"> +<div class="row g-0 bg-body-secondary position-relative"> <div class="col-md-6 mb-md-0 p-md-4"> {{< placeholder width="100%" height="200" class="w-100" text="false" title="Generic placeholder image" >}} </div> @@ -66,7 +66,7 @@ If the stretched link doesn't seem to work, the [containing block](https://devel <p class="card-text"> <a href="#" class="stretched-link text-danger" style="position: relative;">Stretched link will not work here, because <code>position: relative</code> is added to the link</a> </p> - <p class="card-text bg-light" style="transform: rotate(0);"> + <p class="card-text bg-body-tertiary" style="transform: rotate(0);"> This <a href="#" class="text-warning stretched-link">stretched link</a> will only be spread over the <code>p</code>-tag, because a transform is applied to it. </p> </div> |