You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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: