diff options
| -rw-r--r-- | site/content/docs/5.0/migration.md | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/site/content/docs/5.0/migration.md b/site/content/docs/5.0/migration.md index 389341a539..bc6ed103cc 100644 --- a/site/content/docs/5.0/migration.md +++ b/site/content/docs/5.0/migration.md @@ -13,12 +13,9 @@ toc: true - Dropped support for Microsoft Edge Legacy. See [here](#browser-support-1) for the previous browser support changes. -### Colors +### Sass -- The color system which worked with `color-level()` and `$theme-color-interval` was removed in favor of a new color system. -- All `lighten()` and `darken()` functions in our codebase are replaced by `tint-color()` and `shade-color()`. These functions will mix the color with either white or black instead of changing its lightness by a fixed amount. -- The `scale-color()` will either tint or shade a color depending on whether its weight parameter is positive or negative. -- See [this PR](https://github.com/twbs/bootstrap/pull/30622) for more details. +- The color system which worked with `color-level()` and `$theme-color-interval` was removed in favor of a new color system. All `lighten()` and `darken()` functions in our codebase are replaced by `tint-color()` and `shade-color()`. These functions will mix the color with either white or black instead of changing its lightness by a fixed amount. The `scale-color()` will either tint or shade a color depending on whether its weight parameter is positive or negative. [See #30622](https://github.com/twbs/bootstrap/pull/30622) for more details. - Spinners now honor `prefers-reduced-motion: reduce` by slowing down animations. [See #31882](https://github.com/twbs/bootstrap/pull/31882). ### Reboot @@ -27,7 +24,7 @@ toc: true ### Buttons -- [**Dropped `.btn-block` in favor of CSS grid utility classes.**]({{< docsref "/components/buttons#block-buttons" >}}) Instead of applying `.btn-block` to individual buttons, a group of buttons now get wrapped in a parent `.d-grid` class and can use `.gap-*` utilities for spacing. +- [Dropped `.btn-block` in favor of CSS grid utility classes.]({{< docsref "/components/buttons#block-buttons" >}}) Instead of applying `.btn-block` to individual buttons, a group of buttons now get wrapped in a parent `.d-grid` class and can use `.gap-*` utilities for spacing. ### Forms |