From 488e426141dd433cf1a4e45390fc8ee3c9a7f1e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Oct 2021 14:24:14 -0700 Subject: [PATCH] Add migration guide mention --- site/content/docs/5.1/migration.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/site/content/docs/5.1/migration.md b/site/content/docs/5.1/migration.md index f499f4dde9..81968ee876 100644 --- a/site/content/docs/5.1/migration.md +++ b/site/content/docs/5.1/migration.md @@ -58,6 +58,8 @@ Your custom Bootstrap CSS builds should now look something like this with a sepa - **Introduced new `$enable-container-classes` option.** Now when opting into the experimental CSS Grid layout, `.container-*` classes will still be compiled, unless this option is set to `false`. - **Thicker table dividers are now opt-in.** We've removed the thicker and more difficult to override border between table groups and moved it to an optional class you can apply, `.table-group-divider`. [See the table docs for an example.]({{< docsref "/content/tables#table-group-dividers" >}}) +- **Popovers and tooltips now use CSS variables.** Both components have been updated to use CSS variables on their base classes, `.popover` and `.tooltip`. Some CSS variables have been updated from their Sass counterparts to reduce the number of variables. As a result, three variables have been deprecated in this release: `$popover-arrow-color`, `$popover-arrow-outer-color`, and `$tooltip-arrow-color`. + ## Dependencies - Dropped jQuery.