From c57be446869e25cea88b585af789a83817d45cd0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Mon, 13 Mar 2023 11:41:27 +0100
Subject: [PATCH] Docs: consistent usage of CSS sections (#38175)

---
 site/content/docs/5.3/components/dropdowns.md    | 2 +-
 site/content/docs/5.3/components/modal.md        | 2 +-
 site/content/docs/5.3/components/placeholders.md | 4 ++--
 site/content/docs/5.3/content/images.md          | 4 ++--
 site/content/docs/5.3/forms/floating-labels.md   | 4 ++--
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/site/content/docs/5.3/components/dropdowns.md b/site/content/docs/5.3/components/dropdowns.md
index 19719a9f27..0988820649 100644
--- a/site/content/docs/5.3/components/dropdowns.md
+++ b/site/content/docs/5.3/components/dropdowns.md
@@ -1025,7 +1025,7 @@ Variables for the CSS-based carets that indicate a dropdown's interactivity:
 
 {{< scss-docs name="caret-variables" file="scss/_variables.scss" >}}
 
-### Mixins
+### Sass mixins
 
 Mixins are used to generate the CSS-based carets and can be found in `scss/mixins/_caret.scss`.
 
diff --git a/site/content/docs/5.3/components/modal.md b/site/content/docs/5.3/components/modal.md
index 6471673f5e..e723a49ce2 100644
--- a/site/content/docs/5.3/components/modal.md
+++ b/site/content/docs/5.3/components/modal.md
@@ -786,7 +786,7 @@ As part of Bootstrap's evolving CSS variables approach, modals now use local CSS
 
 {{< scss-docs name="modal-variables" file="scss/_variables.scss" >}}
 
-### Loop
+### Sass loop
 
 [Responsive fullscreen modals](#fullscreen-modal) are generated via the `$breakpoints` map and a loop in `scss/_modal.scss`.
 
diff --git a/site/content/docs/5.3/components/placeholders.md b/site/content/docs/5.3/components/placeholders.md
index 6faf51e083..3dca3476b8 100644
--- a/site/content/docs/5.3/components/placeholders.md
+++ b/site/content/docs/5.3/components/placeholders.md
@@ -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" >}}
diff --git a/site/content/docs/5.3/content/images.md b/site/content/docs/5.3/content/images.md
index b55e7a2b87..02795617f0 100644
--- a/site/content/docs/5.3/content/images.md
+++ b/site/content/docs/5.3/content/images.md
@@ -54,9 +54,9 @@ If you are using the `<picture>` element to specify multiple `<source>` elements
 </picture>
 ```
 
-## Sass
+## CSS
 
-### Variables
+### Sass variables
 
 Variables are available for image thumbnails.
 
diff --git a/site/content/docs/5.3/forms/floating-labels.md b/site/content/docs/5.3/forms/floating-labels.md
index 6b33fb67ba..a65a857977 100644
--- a/site/content/docs/5.3/forms/floating-labels.md
+++ b/site/content/docs/5.3/forms/floating-labels.md
@@ -173,8 +173,8 @@ When working with the Bootstrap grid system, be sure to place form elements with
 </div>
 {{< /example >}}
 
-## Sass
+## CSS
 
-### Variables
+### Sass variables
 
 {{< scss-docs name="form-floating-variables" file="scss/_variables.scss" >}}