From 837ff0cc11dd3d25b8fe74129afcd7a81aeb2280 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 14 Mar 2019 10:23:54 -0700
Subject: [PATCH] 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
---
 scss/_mixins.scss                             |  3 --
 scss/mixins/_float.scss                       | 14 --------
 scss/mixins/_text-hide.scss                   | 11 ------
 scss/mixins/_visibility.scss                  |  8 -----
 scss/utilities/_text.scss                     |  4 ---
 site/content/docs/4.3/utilities/float.md      | 20 -----------
 .../docs/4.3/utilities/image-replacement.md   | 35 -------------------
 site/content/docs/4.3/utilities/visibility.md |  9 -----
 site/data/nav.yml                             |  1 -
 9 files changed, 105 deletions(-)
 delete mode 100644 scss/mixins/_float.scss
 delete mode 100644 scss/mixins/_text-hide.scss
 delete mode 100644 scss/mixins/_visibility.scss
 delete mode 100644 site/content/docs/4.3/utilities/image-replacement.md

diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 9b2c1a13b3..47297a7f35 100644
--- 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
index adff88e790..0000000000
--- 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
index 3a923011ec..0000000000
--- 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
index f174673117..0000000000
--- 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 589e5687a8..fbf707d01f 100644
--- 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 43464d614a..bba3458283 100644
--- 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
index e172872fa1..0000000000
--- 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 d7d76ecf13..870b111454 100644
--- 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 664be04dad..324304cbd5 100644
--- 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