From 4195725052695931e91a5539b12603db6cd5e064 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mikel=20Mart=C3=ADn?= <mikel@moodle.com>
Date: Tue, 5 Nov 2024 15:04:29 +0100
Subject: [PATCH] [docs] Devdocs Bootstrap .rounded-[sm|lg] refactor

---
 docs/guides/bs5migration/index.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/docs/guides/bs5migration/index.md b/docs/guides/bs5migration/index.md
index 6f2cb50b6a..b0981c6b0a 100644
--- a/docs/guides/bs5migration/index.md
+++ b/docs/guides/bs5migration/index.md
@@ -382,3 +382,23 @@ shift-color($primary, -20%);
 The `theme-color-level()` has been changed to `color-level()` and then subsequently removed and replaced by scale-color().
 In the stable 5.0 the final decision was to adopt `shift-color()` so we will use this function in the bridge file.
 :::
+
+### Rounded classes
+
+The `.rounded-sm` and `.rounded-lg` classes have been replaced with `.rounded-1` and `.rounded-3`.
+
+<InvalidExample title="Don't">
+
+```html
+<div class="rounded-lg"> Rounded content </div>
+```
+
+</InvalidExample>
+
+<ValidExample title="Do">
+
+```html
+<div class="rounded-3"> Rounded content </div>
+```
+
+</ValidExample>