Skip to content

Commit

Permalink
.
Browse files Browse the repository at this point in the history
  • Loading branch information
julien-deramond committed Dec 21, 2023
1 parent 65bda68 commit 58cb8d0
Showing 1 changed file with 23 additions and 15 deletions.
38 changes: 23 additions & 15 deletions site/content/docs/5.3/migration.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,14 @@ All our helpers and utilities have also been adapted to the new color modes mech
### Components

- **Accordion**
- <summary><span class="badge text-bg-danger">Breaking</span> The dark variant of the accordion (`.accordion-dark`) has been replaced by using the contextual dark mode with `data-bs-theme="dark"`.</summary>
- <span class="badge text-bg-danger">Breaking</span> The dark variant of the accordion (`.accordion-dark`) has been replaced by using the contextual dark mode with `data-bs-theme="dark"`.

- **Badge**
<!--TODO: double-check that the following is still true-->
- <span class="badge text-bg-warning">Warning</span> It has been fixed in several places in the documentation that badge background and text colors should be handled by using `.text-bg-{color}` classes and not only `.bg-{color}` classes. Please reflect these modifications into your websites.

- **Breadcrumb**
- <summary><span class="badge text-bg-danger">Breaking</span> The dark variant of the breadcrumb (`.breadcrumb-dark`) has been replaced by using the contextual dark mode with `data-bs-theme="dark"`.</summary>
- <span class="badge text-bg-danger">Breaking</span> The dark variant of the breadcrumb (`.breadcrumb-dark`) has been replaced by using the contextual dark mode with `data-bs-theme="dark"`.

- **List group**
<!--TODO: double-check that the following is still true-->
Expand All @@ -63,53 +63,61 @@ All our helpers and utilities have also been adapted to the new color modes mech

### CSS and Sass variables

<!--
TODO: double-check that the following new CSS variables is still true:
<li><code>-bs-list-group-font-weight</code></li>
<li><code>-bs-list-group-item-icon-margin-x</code></li>
<li><code>-bs-list-group-item-icon-size</code></li>
-->
- <details class="mb-2">
<summary><span class="badge text-bg-success">New</span> CSS variables:</summary>
<ul>
<li><code>--bs-back-to-top-link-bg</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>--bs-list-group-font-weight</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>--bs-list-group-item-icon-margin-x</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>--bs-list-group-item-icon-size</code></li>
</ul>
</details>

<!--
TODO: double-check that the following new Sass variables is still true:
<li><code>$list-group-dark-hover-bg</code></li>
<li><code>$list-group-divider-size</code></li>
<li><code>$list-group-font-weight</code></li>
<li><code>$list-group-icons</code></li>
<li><code>$list-group-item-icon-margin-x</code></li>
<li><code>$list-group-item-icon-size</code></li>
<li><code>$list-group-numbered-item-margin-end</code></li>
<li><code>$warning-icon-filled</code></li>
-->
- <details class="mb-2">
<summary><span class="badge text-bg-success">New</span> Sass variables:</summary>
<ul>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-dark-hover-bg</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-divider-size</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-font-weight</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-icons</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-item-icon-margin-x</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-item-icon-size</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$list-group-numbered-item-margin-end</code></li>
<!--TODO: double-check that the following is still true-->
<li><code>$warning-icon-filled</code></li>
</ul>
</details>

<!--TODO: double-check that the deprecation of -bs-back-to-top-link-icon-margin-left is still true-->
- <details class="mb-2">
<summary><span class="badge text-bg-danger">Breaking</span> Deprecated CSS variables:</summary>
<ul>
<!--TODO: double-check that the following is still true-->
<li><code>--bs-back-to-top-link-icon-margin-left</code></li>
</ul>
</details>

<!--TODO: double-check that the deprecation of $background-colors-->
- <details class="mb-2">
<summary><span class="badge text-bg-danger">Breaking</span> Deprecated Sass variables:</summary>
<ul>
<!--TODO: double-check that the following is still true-->
<li><code>$background-colors</code></li>
</ul>
</details>
Expand Down

0 comments on commit 58cb8d0

Please sign in to comment.