diff options
Diffstat (limited to '')
-rw-r--r-- | site/content/docs/5.3/components/placeholders.md (renamed from site/content/docs/5.2/components/placeholders.md) | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/site/content/docs/5.2/components/placeholders.md b/site/content/docs/5.3/components/placeholders.md index 4de4057..3dca347 100644 --- a/site/content/docs/5.2/components/placeholders.md +++ b/site/content/docs/5.3/components/placeholders.md @@ -38,7 +38,7 @@ In the example below, we take a typical card component and recreate it with plac <span class="placeholder col-6"></span> <span class="placeholder col-8"></span> </p> - <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-6"></a> + <a class="btn btn-primary disabled placeholder col-6"></a> </div> </div> </div> @@ -67,7 +67,7 @@ In the example below, we take a typical card component and recreate it with plac <span class="placeholder col-6"></span> <span class="placeholder col-8"></span> </p> - <a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-6"></a> + <a class="btn btn-primary disabled placeholder col-6"></a> </div> </div> ``` @@ -83,7 +83,7 @@ We apply additional styling to `.btn`s via `::before` to ensure the `height` is <span class="placeholder col-6"></span> </p> -<a href="#" tabindex="-1" class="btn btn-primary disabled placeholder col-4" aria-hidden="true"></a> +<a class="btn btn-primary disabled placeholder col-4"></a> {{< /example >}} {{< callout info >}} @@ -126,7 +126,7 @@ The size of `.placeholder`s are based on the typographic style of the parent ele ### Animation -Animate placeholders with `.placeholder-glow` or `.placeholder-wave` to better convey the perception of something being _actively_ loaded. +Animate placeholders with `.placeholder-glow` or `.placeholder-wave` to better convey the perception of something being *actively* loaded. {{< example >}} <p class="placeholder-glow"> @@ -138,8 +138,8 @@ Animate placeholders with `.placeholder-glow` or `.placeholder-wave` to better c </p> {{< /example >}} -## Sass +## CSS -### Variables +### Sass variables {{< scss-docs name="placeholders" file="scss/_variables.scss" >}} |