v5: Drop remaining deprecated mixins (#28461)

- Deletes mixin mentions from float docs
- Deletes mixin mention from visibility docs
- Deletes the image-replacement page for text-hide

diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 9b2c1a13b3e21ef0f838b47d58eea574c3ebd70b..47297a7f35805b87e8fd9198e0eb28711e3a6c7b 100644 (file)
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -16,9 +16,7 @@
 @import "mixins/screen-reader";
 @import "mixins/reset-text";
 @import "mixins/text-emphasis";
-@import "mixins/text-hide";
 @import "mixins/text-truncate";
-@import "mixins/visibility";
 
 // // Components
 @import "mixins/alert";
@@ -42,4 +40,3 @@
 @import "mixins/clearfix";
 @import "mixins/grid-framework";
 @import "mixins/grid";
-@import "mixins/float";

diff --git a/scss/mixins/_float.scss b/scss/mixins/_float.scss
deleted file mode 100644 (file)
index adff88e..0000000
--- a/scss/mixins/_float.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-// stylelint-disable declaration-no-important
-
-@mixin float-left {
-  float: left !important;
-  @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
-}
-@mixin float-right {
-  float: right !important;
-  @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
-}
-@mixin float-none {
-  float: none !important;
-  @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
-}

diff --git a/scss/mixins/_text-hide.scss b/scss/mixins/_text-hide.scss
deleted file mode 100644 (file)
index 3a92301..0000000
--- a/scss/mixins/_text-hide.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-// CSS image replacement
-@mixin text-hide($ignore-warning: false) {
-  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-
-  @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
-}

diff --git a/scss/mixins/_visibility.scss b/scss/mixins/_visibility.scss
deleted file mode 100644 (file)
index f174673..0000000
--- a/scss/mixins/_visibility.scss
+++ /dev/null
@@ -1,8 +0,0 @@
-// stylelint-disable declaration-no-important
-
-// Visibility
-
-@mixin invisible($visibility) {
-  visibility: $visibility !important;
-  @include deprecate("`invisible()`", "v4.3.0", "v5");
-}

diff --git a/scss/utilities/_text.scss b/scss/utilities/_text.scss
index 589e5687a86b300516eaa8905734821e881249a6..fbf707d01f4aac4def723cdf701d3f30cac24204 100644 (file)
--- a/scss/utilities/_text.scss
+++ b/scss/utilities/_text.scss
@@ -56,10 +56,6 @@
 
 // Misc
 
-.text-hide {
-  @include text-hide($ignore-warning: true);
-}
-
 .text-decoration-none { text-decoration: none !important; }
 
 .text-break {

diff --git a/site/content/docs/4.3/utilities/float.md b/site/content/docs/4.3/utilities/float.md
index 43464d614a845bb912395d8218ceff308d9644d4..bba34582831e682c8b9c0838e2abb26019579688 100644 (file)
--- a/site/content/docs/4.3/utilities/float.md
+++ b/site/content/docs/4.3/utilities/float.md
@@ -10,32 +10,12 @@ toc: true
 
 These utility classes float an element to the left or right, or disable floating, based on the current viewport size using the [CSS `float` property](https://developer.mozilla.org/en-US/docs/Web/CSS/float). `!important` is included to avoid specificity issues. These use the same viewport breakpoints as our grid system. Please be aware float utilities have no affect on flex items.
 
-## Classes
-
-Toggle a float with a class:
-
 {{< example >}}
 <div class="float-left">Float left on all viewport sizes</div><br>
 <div class="float-right">Float right on all viewport sizes</div><br>
 <div class="float-none">Don't float on all viewport sizes</div>
 {{< /example >}}
 
-## Mixins
-
-Or by Sass mixin:
-
-{{< highlight scss >}}
-.element {
-  @include float-left;
-}
-.another-element {
-  @include float-right;
-}
-.one-more {
-  @include float-none;
-}
-{{< /highlight >}}
-
 ## Responsive
 
 Responsive variations also exist for each `float` value.

diff --git a/site/content/docs/4.3/utilities/image-replacement.md b/site/content/docs/4.3/utilities/image-replacement.md
deleted file mode 100644 (file)
index e172872..0000000
--- a/site/content/docs/4.3/utilities/image-replacement.md
+++ /dev/null
@@ -1,35 +0,0 @@
----
-layout: docs
-title: Image replacement
-description: Swap text for background images with the image replacement class.
-group: utilities
----
-
-{{< callout warning >}}
-##### Warning
-
-The `text-hide()` class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.
-{{< /callout >}}
-
-Utilize the `.text-hide` class or mixin to help replace an element's text content with a background image.
-
-{{< highlight html >}}
-<h1 class="text-hide">Custom heading</h1>
-{{< /highlight >}}
-
-{{< highlight scss >}}
-// Usage as a mixin
-.heading {
-  @include text-hide;
-}
-{{< /highlight >}}
-
-Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text.
-
-<div class="bd-example">
-  <h1 class="text-hide" style="background-image: url('/docs/{{< param docs_version >}}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
-</div>
-
-{{< highlight html >}}
-<h1 class="text-hide" style="background-image: url('...');">Bootstrap</h1>
-{{< /highlight >}}

diff --git a/site/content/docs/4.3/utilities/visibility.md b/site/content/docs/4.3/utilities/visibility.md
index d7d76ecf13e233efe1f2a4455a8351397e84d643..870b11145468790120b92413788b1749275347c9 100644 (file)
--- a/site/content/docs/4.3/utilities/visibility.md
+++ b/site/content/docs/4.3/utilities/visibility.md
@@ -22,13 +22,4 @@ Apply `.visible` or `.invisible` as needed.
 .invisible {
   visibility: hidden !important;
 }
-
-// Usage as a mixin
-// Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
-.element {
-  @include invisible(visible);
-}
-.element {
-  @include invisible(hidden);
-}
 {{< /highlight >}}

diff --git a/site/data/nav.yml b/site/data/nav.yml
index 664be04dad1eef76342f88f8fe1e418bddaf2d8c..324304cbd5451db0356c4208de4b5290a3aab04f 100644 (file)
--- a/site/data/nav.yml
+++ b/site/data/nav.yml
@@ -63,7 +63,6 @@
     - title: Embed
     - title: Flex
     - title: Float
-    - title: Image replacement
     - title: Overflow
     - title: Position
     - title: Screen readers