Move close icon to components in docs (#28512)

* Move close icon to components

* Remove redundant float from close

diff --git a/scss/_close.scss b/scss/_close.scss
index 4f92022c879890853ab6f0e59e0ba0321b42c3df..d7e7434da616f5376fdb15a48527a5f9a212a6df 100644 (file)
--- a/scss/_close.scss
+++ b/scss/_close.scss
@@ -1,5 +1,4 @@
 .close {
-  float: right;
   @include font-size($close-font-size);
   font-weight: $close-font-weight;
   line-height: 1;

diff --git a/site/content/docs/4.3/utilities/close-icon.md b/site/content/docs/4.3/components/close-icon.md
similarity index 95%
rename from site/content/docs/4.3/utilities/close-icon.md
rename to site/content/docs/4.3/components/close-icon.md
index 8329fd94b02bfa3767f057bfacb4aed8fa21054f..a4bbdf052f1156a4098617dd960c325c7db55a35 100644 (file)
--- a/site/content/docs/4.3/utilities/close-icon.md
+++ b/site/content/docs/4.3/components/close-icon.md
@@ -2,7 +2,7 @@
 layout: docs
 title: Close icon
 description: Use a generic close icon for dismissing content like modals and alerts.
-group: utilities
+group: components
 ---
 
 **Be sure to include text for screen readers**, as we've done with `aria-label`.

diff --git a/site/data/nav.yml b/site/data/nav.yml
index 27d7ba71a40498cd287e019209e526a3c69e9b10..596e3faea3686e54672e536e96468d2922c7db91 100644 (file)
--- a/site/data/nav.yml
+++ b/site/data/nav.yml
@@ -35,6 +35,7 @@
     - title: Button group
     - title: Card
     - title: Carousel
+    - title: Close icon
     - title: Collapse
     - title: Dropdowns
     - title: Forms
@@ -56,7 +57,6 @@
   pages:
     - title: Borders
     - title: Clearfix
-    - title: Close icon
     - title: Colors
     - title: Display
     - title: Embed