diff options
| author | Julien Déramond <julien.deramond@orange.com> | 2022-10-25 21:11:08 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-10-25 21:11:08 +0300 |
| commit | ec68f3d26d0ada68338dd347f26ccaad68718a07 (patch) | |
| tree | 395bee316ba4371250c8f4ab95c8a7ea3b90c8f0 /site | |
| parent | fb4ec53e9a9ddca95e66c6291f3d44a4edb9f5ef (diff) | |
Docs: use 'added' page information to display a tag on top of the pages (#37341)
Diffstat (limited to 'site')
| -rw-r--r-- | site/content/docs/5.2/helpers/color-background.md | 2 | ||||
| -rw-r--r-- | site/layouts/_default/docs.html | 9 |
2 files changed, 6 insertions, 5 deletions
diff --git a/site/content/docs/5.2/helpers/color-background.md b/site/content/docs/5.2/helpers/color-background.md index c4174845c6..1aa9f1a54d 100644 --- a/site/content/docs/5.2/helpers/color-background.md +++ b/site/content/docs/5.2/helpers/color-background.md @@ -9,8 +9,6 @@ added: "5.2" ## Overview -{{< added-in "5.2.0" >}} - Color and background helpers combine the power of our [`.text-*` utilities]({{< docsref "/utilities/colors" >}}) and [`.bg-*` utilities]({{< docsref "/utilities/background" >}}) in one class. Using our Sass `color-contrast()` function, we automatically determine a contrasting `color` for a particular `background-color`. {{< callout warning >}} diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index 1a3f9c1a16..27314c37d0 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -16,9 +16,12 @@ <main class="bd-main order-1"> <div class="bd-intro pt-2 ps-lg-2"> <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between"> - <a class="btn btn-sm btn-bd-light mb-3 mb-md-0 rounded-2" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener"> - View on GitHub - </a> + <div class="mb-3 mb-md-0 d-flex"> + <small class="d-inline-flex px-2 py-1 fw-semibold text-success bg-success bg-opacity-10 border border-success border-opacity-10 rounded-2 me-2">Added in v{{ .Page.Params.added }}</small> + <a class="btn btn-sm btn-bd-light rounded-2" href="{{ .Site.Params.repo }}/blob/v{{ .Site.Params.current_version }}/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener"> + View on GitHub + </a> + </div> <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}</h1> </div> <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> |