docs: update content

Author: mrholek

docs/content/components/alerts.md

@@ -226,7 +226,7 @@ Alerts use local CSS variables on `.alert` for enhanced real-time customization.
 
 ### SASS mixin
 
-{{< deprecated-in "5.0.0" >}}
+{{< deprecated-in "4.3.0" >}}
 
 Used in combination with `$alert-variants` to create contextual modifier classes for our alerts.
 

docs/content/components/buttons.md

@@ -54,7 +54,7 @@ You can combine button with our [CoreUI Icons](https://icons.coreui.io/).
 {{< example >}}
 {{< buttons.inline >}}
 {{- range (index $.Site.Data "theme-colors") }}
-<button type="button" class="btn btn-{{ .name }}"><span class="cil-contrast me-2"></span> {{ .name | title }}</button>
+<button type="button" class="btn btn-{{ .name }}"><span class="cil-contrast"></span> {{ .name | title }}</button>
 {{- end -}}
 {{< /buttons.inline >}}
 

docs/content/components/list-group.md

@@ -487,7 +487,7 @@ List groups use local CSS variables on `.list-group` for enhanced real-time cust
 
 ### SASS mixins
 
-{{< deprecated-in "5.0.0" >}}
+{{< deprecated-in "4.3.0" >}}
 
 Used in combination with `$theme-colors` to generate the [contextual variant classes](#contextual-classes) for `.list-group-item`s.
 

docs/content/components/offcanvas.md

@@ -152,7 +152,7 @@ Heads up! Dark variants for components were deprecated in v5.3.0 with the introd
 <div class="offcanvas offcanvas-start show text-bg-dark" tabindex="-1" id="offcanvasDark" aria-labelledby="offcanvasDarkLabel">
   <div class="offcanvas-header">
     <h5 class="offcanvas-title" id="offcanvasDarkLabel">Offcanvas</h5>
-    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvasDark" aria-label="Close"></button>
+    <button type="button" class="btn-close btn-close-white" data-coreui-dismiss="offcanvasDark" aria-label="Close"></button>
   </div>
   <div class="offcanvas-body">
     <p>Place offcanvas content here.</p>

docs/content/customize/color-modes.md

@@ -237,9 +237,9 @@ $theme-colors-border-subtle-dark: map-merge($theme-colors-border-subtle-dark, $c
 // etc
 ```
 
-## CSS
+## Customizing
 
-### Variables
+### CSS variables
 
 Dozens of root level CSS variables are repeated as overrides for dark mode. These are scoped to the color mode selector, which defaults to `data-coreui-theme` but [can be configured](#building-with-sass) to use a `prefers-color-scheme` media query. Use these variables as a guideline for generating your own new color modes.
 

docs/content/customize/css-variables.md

@@ -72,7 +72,7 @@ a {
 
 ## Focus variables
 
-{{< added-in "5.0.0" >}}
+{{< added-in "4.3.0" >}}
 
 Bootstrap provides custom `:focus` styles using a combination of Sass and CSS variables that can be optionally added to specific components and elements. We do not yet globally override all `:focus` styles.
 

docs/content/utilities/api.md

@@ -586,34 +586,3 @@ $utilities: map-merge(
 
 @import "@coreui/coreui/scss/utilities/api";
 ```
-
-<!---
-TODO: add in v5
-#### Remove utility in RTL
-
-Some edge cases make [RTL styling difficult](https://rtlstyling.com/posts/rtl-styling#common-things-that-might-not-work-for-rtl), such as line breaks in Arabic. Thus utilities can be dropped from RTL output by setting the `rtl` option to `false`:
-
-```scss
-$utilities: (
-  "word-wrap": (
-    property: word-wrap word-break,
-    class: text,
-    values: (break: break-word),
-    rtl: false
-  ),
-);
-```
-
-Output:
-
-```css
-/* rtl:begin:remove */
-.text-break {
-  word-wrap: break-word !important;
-  word-break: break-word !important;
-}
-/* rtl:end:remove */
-```
-
-This doesn't output anything in RTL, thanks to [the RTLCSS `remove` control directive](https://rtlcss.com/learn/usage-guide/control-directives/#remove).
--->

docs/content/utilities/borders.md

@@ -178,9 +178,9 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from
 {{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}}
 {{< /example >}}
 
-## CSS
+## Customizing
 
-### Variables
+### CSS variables
 
 {{< scss-docs name="root-border-var" file="scss/_root.scss" >}}