It's very strange to see the word beta in a ship list title, but oh so awesome!
Highlights
Dropped Normalize.css as a dependency, forking some of it and remixing it with our own Reboot for a more stable normalization approach.
Update navbar responsive behaviors to be mobile first, use a new class name .navbar-expand instead of .navbar-toggleable, remove toggler position modifiers (relies on flex utils now), and fix a handful of bugs.
Stabilize some grid behaviors and update the docs.
Updated the grid to drop push, pull, and offset in favor of new .order- modifiers and margin utilities.
v4 table updates #22217: Update inverse table styles to add new variables and styles for accent, hover, and active backgrounds. Also fix their border colors.
v4 grid tweaks #22271: Update grid docs for auto-sizing behaviors, remove position: relative from .container, fix broken only and between mixins, and give .col-auto classes some horizontal padding.
Revamp button and input vars while fixing #21587 #22287: Updates $btn- and $input- variables for padding and line-height to be shared like the $input-btn-border-width variable. Also increases $line-height-lg and adds a line-height parameter to the button-size mixin.
v4: Colors redux #22836: Replace existing color system with new Sass maps and variables, new color values, and improved generation of component variants.
Unship grid gutters #22940: Removed previously added $grid-gutter-widths Sass map. It generated the wrong code and is no longer the method we'd prefer for setting custom grid gutters. A replacement will come soon.
Update browser support #22943: Reduced browser support further to focus on modern ones with full support for our key features (e.g, flexbox).
Card styles #22950: Overhauled card variants, dropping all the existing mixins and modifier classes and replacing them with .bg-, .text-, and .border- utilities for greater flexibility.
It's very strange to see the word beta in a ship list title, but oh so awesome!
Highlights
.navbar-expand
instead of.navbar-toggleable
, remove toggler position modifiers (relies on flex utils now), and fix a handful of bugs..order-
modifiers and margin utilities.cursor: pointer
s to restore browser defaults and better indicate actions vs hyperlinks.order
utilities to better match utility naming scheme of.property-value
._custom.scss
in our import order.peerDependencies
as they're not requirements for every part of Bootstrap.CSS
_custom.scss
file, moving it back to the top before variables and mixins again..navbar-brand
from growing too wide.:focus
state of links the same styles as the:hover
state in Reboot.filter
from custom forms given dropping of IE9.flex-wrap: wrap
to.nav
s so they behave like they used to before the move to flexbox.flex-wrap: wrap
to button toolbars to restore previous behavior.order
utilities.<label>
-based buttons in button groups.line-height
toheight
in progress bars.cursor: pointer;
#21812: Removecursor: pointer
.appearance: none
.-hover
from the$nav-tabs-active-link-hover-*
variables as it no longer applies to the hover state.z-index
order for sticky and fixed elements..hidden-*
classes in favor of our newer.d-*
display utilities. Rewrote some docs and consolidated CSS, too.$spacer-x
and$spacer-y
, consolidating into just one$spacer
and the Sass map.display: flex
from.list-group-item
s to avoid unexpected layout glitches. Instead, use utilities as needed..nav-justified
to fix the broken styles; also update docs examples for<nav>
-based variants.sr-only
mixin and class to use latest clipping technique.position: relative
from.container
, fix brokenonly
andbetween
mixins, and give.col-auto
classes some horizontal padding.$btn-
and$input-
variables forpadding
andline-height
to be shared like the$input-btn-border-width
variable. Also increases$line-height-lg
and adds a line-height parameter to thebutton-size
mixin.color
..dropdown-item-padding-y
variable.margin-bottom
to cards in.card-columns
.cursor: not-allowed
styles #22403: Removecursor: not-allowed
styles.border-color
to includecolor
in their names$navbar-*-toggler-bg
to$navbar-*-toggler-icon-bg
since it's placed on .navbar-toggler-icon #22564: Rename$navbar-*-toggler-bg
to$navbar-*-toggler-icon-bg
.$card-border-radius-inner
to$card-inner-border-radius
#22741: Rename$card-border-radius-inner
to$card-inner-border-radius
.word-wrap: break-word
#22740: Fix overflowing text in Cards withword-wrap: break-word
.$font-size-h*
to$h*-font-size
for consistency (#22414) #22805, Rename for consistency$table-sm-cell-padding
,$table-bg-accent
,$table-bg-hover
,$table-bg-active
,$table-inverse-bg-accent
,$table-inverse-bg-hover
to$table-cell-padding-sm
,$table-accent-bg
,$table-hover-bg
,$table-active-bg
,$table-inverse-accent-bg
,$table-inverse-hover-bg
, respectively (#22414) #22806, (#22414) Rename for consistency$input-bg-disabled
,$input-bg-focus
,$input-border-color-focus
,$input-box-shadow-focus
,$input-color-focus
,$input-color-placeholder
to$input-disabled-bg
,$input-focus-bg
,$input-focus-border-color
,$input-focus-box-shadow
,$input-focus-color
,$input-placeholder-color
, respectively #22807, (#22414) Rename for consistency `$custom-control-disabled-indicator-b… #22808, (#22414) Renamed for consistency$nav-disabled-link-color
, `$nav-ta… #22809, (#22414) Renamed for consistency$modal-dialog-sm-up-margin-y
, `$mo… #22810, Mention variable naming scheme in source files #22814, (Fixes #22414) Rename for consistency$custom-checkbox-radius
, `$cu… #22818, (#22414) Rename for consistency$list-group-link-*-*
to `$list-grou… #22843: Rename dozens of variables for consistent naming scheme.$grid-gutter-widths
Sass map. It generated the wrong code and is no longer the method we'd prefer for setting custom grid gutters. A replacement will come soon..order-
modifiers and margin utilities..blockquote-reverse
..bg-
,.text-
, and.border-
utilities for greater flexibility._responsive-helpers.scss
in the process.box-shadow
from.btn-link:focus
::first-letter
and::first-line
selectors from print stylesJS
Direction.PREV
constant.#
indata-target
s to avoid throwing errors.HTMLElement.offset*
bygetBoundingClientRect()
.from
andto
for Slid and Slide eventsaria-pressed
if it's not aninput
-based radio or checkbox grouparia-expanded
behaviorremoveData
for Tabs pluginDocs
<hr>
s in alerts..card
s for accordion behavior.aria-label
to placeholder-only inputsrole="tabpanel"
from navs docsrole="listbox"
from carousels<button>
s in copy buttons<input ... readonly>
for static form controls example)<main>
element to documentationrole="main"
to<main>
elementsBuild tooling
htmllint
task to npm scripts.jekyll
task to npm scripts.Packaging
v4-dev
branch.peerDependencies
.The text was updated successfully, but these errors were encountered: