* Rewrite custom form check backgrounds
Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true.
Fixes#24598
* restore default vars
* Revamp custom check and radio backgrounds
Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient.
* remove now unused mixin
* mention change in migration docs
* Change breakpoint max- calculation to fractional values
* Update docs to reflect fractional max-width breakpoint values
* Add fractional max-width to offcanvas example
* Add documentation and SCSS comment for fractional viewport support
* use descriptive docs btn naming
* rename `btn-bd-yellow` to `btn-bd-download`
* sort state vars
* sort state vars
* info, warning, danger
* rename btn-bd-purple
* rename `.btn-bd-purple` to `.btn-bd-primary`
* align docs color variables
* generate $bd-purple-light color
* with http://razorltd.github.io/sasscolourfunctioncalculator/
* allow overide of docs variables
* Add .modal-dialog-centered for optional vertically cenetered modal
Fixes#23638
* adds modal-dialog-centered class to docs and removes margin to avoid generating a vertical scrolling
* mention limitations
* fix aria attr
* Add `width: 100%` to the .modal-content for the centered version. Adding it here to avoid adding another selector by limiting it to the centered modal modifier.
- Drops the Team page for privacy and accuracy. I don't want to pressure folks into feeling committed to the project through a page like this, and it also doesn't allow folks any privacy option (as you can hide org membership on your GitHub profile).
- Moves the History page into an Overview page, which includes an updated history page and a quick team blurb at the top.
- Added redirects to the new Overview page from Team and History
These were using `z-index: 2` to "Place active items above their
siblings for proper border styling". However, using `z-index: 1` is
sufficient for accomplishing that goal.
In input-group, there were also three `z-index: 3` rules for the
hover/focus/active states. I reduced these to `z-index: 2` since they
just needed to be "one more than normal" (i.e. one more than what is now
`z-index: 1` after my changes).
These changes can be verified by viewing the documentation pages for
Button group, Input group, List group, and Pagination before and after
this commit and observing that the active elements are still "above"
their siblings, so their borders look correct.
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency
* - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables.
- Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow`
variables with unified `$input-btn-focus-box-shadow` to match our
combined variables approach elsewhere.
* Put new focus width var to use in buttons mixins
* use new button input-box shadow var
* Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true
* use correct var
* fix focus shadows in button mixins
* Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items
* Generate .bg-gradient- utilities
* add headings to colors page and document bg-gradient utils
* update the button color for active status, check with yiq as it's done for basic state and hover state
IE10 and IE11 do not properly support the use of margin-auto on flex parents with a justify-content value other than flex-start. This PR removes the examples showcasing those two classes at play together in favor of simpler ones with _just_ the margin-auto utilities.
More details can be found at https://stackoverflow.com/a/37535548, which has been linked to from the docs as well.
Closes#24319 and closes#24413.
This document contains the word JavaScript everywhere apart from in one place where it's abbreviated to JS. This just makes sure it's written as JavaScript consistently across the page.
The most important change is to say "for the named breakpoint ( `sm`, `md`, `lg`, `xl`) and above".
The existing "hiding elements para" (not yet live) is exactly what's needed.
Keep simple for "english as a second language" people (e.g. hide not hidden)
* Refer to utility classes uses. Add Printing section
refer to (not navbar) classes used for newbies
navbars don't print, so add example of a print-only alternative
* typos, add links
typo in {% example %}
add links to component pages
* grammar
* Add a dropdown with divider to the main example
* change id name to stop travis error
I assume id="camelCase" is the standard for id names, rather than the clearly superior id="underscore_words"
* review changes
still like to emphasise the foreign utility classes in the main example
bg-light's name is self explanatory (so its obvious where to look it up), but mr-sm-2's name isn't at first
* review changes
* grammar
* .fixed-top/bottom don't reserve space on the screen
... as they are position:fixed.
better wording welcome
* copyediting
- rewrite utils line and link to the utils pages
- restore the paragraphs to the placement section
- fix formatting and grammar
* fixes migration forms guides
* removes container from Horizontal form
* adds col-form-label sizes on form docs
* removes .form-control-label from forms.scss
* add note to migration
* Updates docs to match Tooltip type checking
Documentation now matches the types defined in the DefaultType constant in
js/src/tooltip.js
* Revert documentation clarify where true is invalid
* Offset option can be function (Popper.js)
* Fix...add function type for offset option
* Remove constants for popper config
* Optimize code. Remove foreach loop.
* Refactoring. Remove getOffset method
* Variable overrides within the same Sass file can come before or after the default value, but across files they must come first.
* Removed the double :: at the end of the paragraph.
* Fixed usage of overwrite when we mean override.
I feel like `auto` is missing from the values here and that it should be there. Although it is mentioned below, only a single use case, whereas in other sections it appears with the option to set the left margin of an element to auto, for example.
