more flexbox docs

follow up to #21436 to add docs for the .flex-row-reverse , .flex-column-reverse, and .flex-wrap-reverse

grunt

Add more flex utilities

Rename tags to badges in comments

Remove Meteor install instructions.

grunt

Fixes #20586

Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less

throw some margin utils to fix spacing

Use calc() on .col-form-label padding calculations

Fixes #21135.

There's a height mismatch here because we're setting padding on the labels, while inputs get padding *and* a top+bottom border. This now uses calc to determine the exact height needed to match labels to inputs.

Replaces #21270 with proper fix

Rather than overriding this just on inline form examples, this should be for all static form controls to match inputs.

space that out a smidge

vertically center .form-group contents in inline forms

fixes broken inline form example mentioned in #21407

use flex and direction to do the stacked controls instead of float hacks

This also fixes #21280. Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.

move custom checks/radios to inline-flex

grunt

Use variables for the width/height classes

Clean up _spacing.scss a little bit

Remove some leftover IE9/flex stuff

linting

flex the footer and include some margin magic

- we need to set margin for space between footer buttons as flexbox doesn't render HTML spaces like inline-block does

- flexbox doesn't have collapsing margins or anything, so we hack it with some :not(:first-child) and :not(:last-child) action

flex the modal header so we can remove custom styles

updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)

No need to override a margin-top that never was set; only specify margin-bottom override

Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)

darker border on modal header

trailing space

line break for sanity

add my-auto and m-auto

document it all, add align items examples

responsive auto margin classes

reorder docs

stub out some docs

add mr-auto and ml-auto for some flex shiz

Disable Hound on test cases.

Fixes #18228: Don't use `transparent` for bottom border, use bg color

[Fix #19849] Tabs are opened even if disabled. (#20795)

* [Fix #19849] Tabs are opened even if disabled.

* fix hund code review hints

* rollback hound issues because Travis fails

grunt

Update IE9 support (#21424)

grunt

fixes #21423 by updating docs to mention flex display instead of inline-block; clarifies follow-up text about use of the proper utilities

dedupe

started fixing nested .bd-example stuff, then rewrote the modal docs

- better table of contents and overall structure

- clearer examples of modal contents, longer modals, and modal options

nest modal examples css

rip numbers

add order docs

Update toc numbering (#21422)

remove unused media vars, update numbers (oof) /cc @Quy

remove unused utils, comment

remove old flex utils, update docs to match

align-self docs

document align-content utils

change presentation of those utils docs

document justify-content and align-items utils

indentation

duplicate of the .flex-fill util

remove the table classes in favor of lists

try out alt responsive variation lists

add docs class for highlighting

Start to blow out and document more flexbox utilities

- Adds new flexbox.md file to utilities docs

- Adds a `breakpoints.yml` data file for easier output of responsive classes in the docs. Will put this to use on other pages soon.

- Adds hella flex utils. There are some dupes for now, but they'll get removed in time.

fix incorrect class name for inline-flex

Revamp navs docs

- Reorganize things, leading with the base nav first instead of an accessibility note, and then moving the rest to a new available styles section.

- Add horizontal alignment options thanks to new flex utils (these new utils will be documented later in another commit).

- Dropped `.nav-stacked` for a flex util and added additional alignment options, so document those, too.

Change up the "justified" nav options

Given move to flexbox, we can make this available for everyone and clean it up some.

- Simplifies the `.nav-justified` styles to build on the flex-powered `.nav` base class.

- Adds the `.nav-fill` to make nav links fill available horizontal space, but not equal width.

Make .nav flex-powered

- Set an explicit `display: flex` on the base `.nav` class and remove the floats/clearfixes from our navs.

- Set some global styles for `.nav-link`, a departure from the previous solution that featured no predefined padding.

- Move `.nav-link` from `inline-block` to `block` given this setting was added for our tabs and pills anyway.

- Remove horizontal margin from nav tabs; let folks set that on their own from now on.

pull in changes from #19832 to fix offcanvas

Undo #21171 (which closed #20977)

Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.

This restores the previous `calc` math and adds a line-height that reuses the input line-height.

update navbars in jumbotron, offcanvas, starter examples to flex versions

better/more form spacing in navbars

unify alignment of all these dang navbar forms

Move uglifyjs to npm script.

Closes: #21412: Fix unit test for carousel

Carousel: Only prevents default for ARROW_LEFT and ARROW_RIGHT keys

Fixes 2 bugs:

1. All keydowns were being prevented. Because of that the user wasn't able to navigate in the whole page using ARROW_UP/ARROW_DOWN.

2. Even when  is an input or textarea the keydowns were being prevented. Because of that the user wasn't able to type any text on these elements.

scrollspy: fix wrong activation of all nested links (#20304)

* fix wrong activation of all nested links;
just first level item should be activated

* use template instead of string concatenation

Move clean-css to npm scripts.

overhauls media object docs

- better copy and examples throughout
- callout on flexbug #12 for inline elements like links and images (which is the problem in #20408)
- add order section

small unrelated addition—adds .d-flex-inline util

reduce .media styles to their bare minimum

Sets minimum required flex styles (including an explicit starting alignment) and removes everything else.

- no need for .media-left and .media-right, we have padding utils
- no need for a .media-heading, we have margin
- no need for .media-object, we have display utils
- no need for .media-list, we have .list-unstyled util

Rename Tags to Badges in comments

Merge branch 'flex-cards' into v4-dev

ugh

grunt

typo

Move scss-lint to npm scripts.

margins to separate some cards in examples

Add color variables for white and black (#21397)

* Add color variables for white and black

Closes #21395.

change card deck margin strategy

- Instead of negative left/right margins, we selectively apply margins to the cards as needed. This way the first and last child never receive a left and right margin (respectively), so we don't need to negative indent those at the .card-deck level.

- Drops the margin-bottom override on the .card because there's no more default margin there.

- Drop the margin-bottom from the .card-deck to match our lack of margins on the card.

This and the previous commit fixes #19883.

move to grid gutter width, fixes #21300

Change scope of docs anchor preventDefault to include modals.

New width and height utils

Adding 25%, 50%, and 75% to the mix for later use with cards

no more need for this

final docs cleanup with columns and more

card deck footer example

add aligned footer example

redo subheadings and organization of card layout options

better grouping of card styles docs

redo image section for intros and subheadings

retitle nav section

update alignment section with widths

redo sizing section with utils and grid callouts

redo the supported content section entirely to give it sub sections

redo docs intro for the example