Adjust examples #25326

* use `background-color` instead of the shorthand * use `outline: 0` consistently * fix transform order * remove quotes from `SFMono-Regular`

* converts px valures to rem on tooltip variables * keep as px to match popover changes

Unintentionally removed in twbs#22703. Fixes twbs#24643.

…h form validation (twbs#24695)

…abled-opacity` (twbs#24680)

…lor` and `$nav-tabs-link-active-border-color` (twbs#24639)

* 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

Referencing twbs#23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute.

fixes twbs#24744

1. Explicitly disable ESLint in Hound for now; it was disabled all this time. Temporarily disabled until the ESLint plugins are updated upstream 2. Remove unneeded ignore from .houndignore

We might revisit this later, but currently we get too many FP with our current setup.

Fixes twbs#24739

….min.js (twbs#24825) * Remove the unused assets/js/ie10-viewport-bug-workaround.js. * Combine ie-emulation-modes-warning.js with docs.min.js.

Fixed typos in offsetting section of grid.md

…wbs#24299) * 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

* 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 twbs#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

* Add support for size attribute on custom selects * Add large custom select, document it and the small variant * fix custom select focus state * fix custom file input focus styles * remove empty line

1. Use the same jQuery version in jspm 2. Update the files to only include the source and dist folders

* Fix Issue twbs#24144 Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button. * Fix Issue twbs#24144 Filled button on hover should utilize the same color-yiq mixin so that theme buttons match * default values, fix mixin

…trap into picapixa-btn-group-styling

Also, include it in the `css` npm script since it's instant.

* Fix docs horizontal scrollbar in Components > Modal * Add overflow to docs example class * Drop the handleUpdate() variant While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here).

We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close twbs#24844.

Note that we should revert this when the issue is fixed.

The issue has been fixed.

* chore: sync with twbs (twbs#1) * Make styling of grouped option buttons class-based Referencing twbs#23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute. * Fix installing deps in our webpack docs * Fix nested cards on card group (twbs#24766) * Update popper.js to v1.12.9. (twbs#24797) * Don't run postcss for `dist/css/*.min.css` files. (twbs#24676) * Change the text color to dark on bg color warning examples (twbs#24805) * Remove unused file and bundle ie-emulation-modes-warning.js with docs.min.js (twbs#24825) * Remove the unused assets/js/ie10-viewport-bug-workaround.js. * Combine ie-emulation-modes-warning.js with docs.min.js. * Typos in grid.md (twbs#24828) Fixed typos in offsetting section of grid.md * Fix dropup example code * Update devDependencies. (twbs#24829) * Add support for fractional viewport widths (zoom/high-dpi displays) (twbs#24299) * 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 * Add a simple script to generate SRI hashes for our assets. (twbs#24814) * Allow us to run our unit test on differents jquery version * Run karma tests in parallel. * Update typography docs (twbs#24863) * closes twbs#24450 * Rewrite custom form check backgrounds (twbs#24697) * 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 twbs#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 * lets the centered modal have any height (twbs#24803) * Custom select updates (twbs#24699) * Add support for size attribute on custom selects * Add large custom select, document it and the small variant * fix custom select focus state * fix custom file input focus styles * remove empty line * Update package.json. (twbs#24582) 1. Use the same jQuery version in jspm 2. Update the files to only include the source and dist folders * Use Jekyll's `smartify` filter when possible. (twbs#24866) * Darken outline hover color to match default button hover (twbs#24150) * Fix Issue twbs#24144 Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button. * Fix Issue twbs#24144 Filled button on hover should utilize the same color-yiq mixin so that theme buttons match * default values, fix mixin * rename it * document it * add migration note * fixes twbs#24728 * Remove unused CSS. (twbs#24872) * tab.js: do not remove fade class if there's no initial active pane * Restore currently unused variables (twbs#24891) * Replace lint-vars.sh with a Node.js script. (twbs#24860) Also, include it in the `css` npm script since it's instant. * Fix docs horizontal scrollbar (twbs#24878) * Fix docs horizontal scrollbar in Components > Modal * Add overflow to docs example class * Drop the handleUpdate() variant While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here). * Combine path and remove variable used in one place. (twbs#24873) * Update devDependencies and gems. (twbs#24876) * Override padding on radio input label (twbs#24899) We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close twbs#24844. * Update README.md (twbs#24912) * Work around Travis failures. Note that we should revert this when the issue is fixed. * Revert the Travis workaround. (twbs#24926) The issue has been fixed. * add .col-form-legend-lg and .col-form-legend-sm classes * document .col-form-legend-{size} * trash .col-form-legend completely One class fits all * Update forms.md * consolidate copy * property order

They have a shiny new site for v5 - https://fontawesome.com/

Allows for remote connections on same network (as Jekyll now seems to default to 127.0.0.1 which means it does not react to incoming external requests)

* Rewrite input group component * Set the feedback to 100% width for input group * Move from .row to .form-row for tighter layout * no need for custom feedback here, we're using browser messaging * add input group to validation examples * add note about validating multiple * migration note added

* match layout behaviors * ditch the indicator as separate element for psuedo-elements on the label * move disabled to attribute only on input * redo default inline check to support new markup * redo inline forms * clean up vars * update validation mixin to new structure * update checks in docs * linting for for/id attributes

…ples (twbs#25054) * Restyle code element, clean up variables - Removes the padding and background-color - Changes the color to a brand color () - Add new variables to kbd element styles to account for removing the code ones - Remove overrides that were needed previously * only break between words, and override it in the pre * make file inputs 100% wide * scope custom file changes in input group for sizing * shorter button labels for responsive * narrower cards * button was too wide * downsize * fewer links in pagination * redo cell text * improve overflow docs

* Updated Link For Getting started Page * Change URL scheme of previous commit From http to https

…es (twbs#24813) * adds a hover state to the button element on the backrgound color utitility * Adjust z-index to fix hover/focus overlaps

Update our browserslist. * Add `last 1 major version` and `>= 1%`. * Add Firefox. Firefox v38 is older than the ESR, so basically replace ESR with v38.

Matches browser default inputs and swaps some max-width properties for a regular width

… show in our table of contents

Adds some additional context on `.form-group` usage

Fixes twbs#25016 which noticed a .thead-light and border-color of the .table-border are the same color.

* Fix input group border radius issue (twbs#25075) * Remove migration note - All buttons In input group do not have to be the same element now. * lint

* Remove unnecessary float - since parent btn-group is displayed as inline-flex, the child elements are placed left to right by default. * Cleanup of reset rounded corners - Remove `border-radius :0` since it is enough by each reset of left and right side - A `.dropdown-toggle` selector should not be used for reset rounded corner since it does not have border-radius property. Instead use .dropdown-toggle as negation pseudo-class.

- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation. - Fixes form validation styles for custom file input (closes twbs#24831). - Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.

…into simonihmig-fix-arrows

…el rounding

Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination). Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/ And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see twbs#24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.

…ize-sm`

Closes twbs#25067

Closes twbs#24341

Closes twbs#23319. Both `.text-muted` and `.btn-outline-secondary` (and indeed all secondary items) make use of `$gray-600`. New value provides a contrast ratio of 4.69.

https://crbug.com/781344

Position: sticky is included in Edge 16

"Choose file ..." text is now written inside the label tag, so the translation is outside the css scope. $custom-file-text variable should only contain "Browse" translations.

…twbs#25139)

The download link for Entypo (on its website) is invalid. It's a Dropbox link which now results in a 403 error. The website was last updated in 2015 (as seen in the footer).

Fixes twbs#25127.

* Base the outline button :active color on the background, fixing a contrast issue * Only apply focus outline to active when it's focused

This commit allows nested structures for accordions. Also a part of the documentation about data-children is removed because this functionality didn't work and it's not applicable anymore. Tests with the collapse accordion are also a bit adjusted to the new situation.

The append and prepend classes vertically aligned items in the center For textareas this meant the addon would aling vertically instead of stretch and have it's contents vertically aligned these changes fix that so everything is aligned how it should be

…trap into ysds-docs-border-utilities

…o, use buttons for accordion * Remove incorrect roles from accordion, tweak/expand accessibility info * Use `<button>` elements rather than links for the accordion

…es in table

… gijsbotje-patch-8

- Drops the hover-focus mixin for standard :hover - Adds explicit :focus styles to match button, input, etc with a box-shadow - Adjusts z-index values to ensure the layers go initial, hover, active, focus Fixes twbs#24838.

Fixes twbs#25168

* Add additional form validation examples Fixes twbs#24811. This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs. * Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element * update ids * finish docs paragraph, mention position: relative

* Add some documentation on using CSS vars Fixes twbs#25147 * link to MDN doc

…wbs#25177) Includes simplifying the prose in `tables.md` and adding the bug to the list of browser bugs. Closes twbs#25166

* Add min-width to body when printing This should address some inconsistencies between browsers when printing. It applies a min-width to the body so that the content better resembles what your might see on your screen. I've made it a variable for easy customizing, too. * Don't underline buttons when printing * Add basic print styles for page and body size to create a semi-consistent print experience across browsers

… inputs and radios that are disabled added styles for these cases

…upports it now (twbs#25229) The latest shipping version of Edge supports position: sticky and I've successfully tested it with Bootstrap 4 and it works as intended. I added IE10 in place of Edge in that note as I assume that IE10 also has the `position: relative` fallback. REF: https://caniuse.com/#search=sticky

Due to a severe performance bug in Chrome (see https://bugs.chromium.org/p/chromium/issues/detail?id=800522) and due to the fact that (with the exception of IE/Edge on Windows desktop with touchscreen) all modern browsers now optimize the click delay away anyway, this optimization is not needed. Closes twbs#24670

* Deprecate hover media query shim and mixins Fixes twbs#25195. This never was completed or fully implemented, and the docs are inaccurate as to what browsers are currently affected by this stickied hover problem. This PR aims to update the docs and deprecate the shim from our mixins and only return the pseudo-classes. To reflect the order of these states used elsewhere (e.g., our button styles), I've also updated the order of each within the mixin. * Mention in docs and variables that it's deprecated

Also, refactor ESLint and stylelint config files; now everything will work from our root dir.

…bootstrap into v4-dev

…orm (twbs#25279)

When using the `media-breakpoint-between` or `media-breakpoint-only` mixins with a custom breakpoint map – not defined as `$grid-breakpoints` – the mixin incorrectly defaults back to the global `$grid-breakpoints` map in certain situations. This commit correctly passes on the `$breakpoints` argument to the other mixins called within the block.

…twbs#24710) * Use `$component-active-bg`, `$component-active-color` in custom-control-indicators and pagination for checked, indeterminate, and active states * Button and Forms focus colors should be based on `$component-active-bg`

…ocused

fixes twbs#25288

* fix cover nav * Improve signin visuals and alignment with that flexbox love * rewrite cover example in flexbox * lighten signin bg * first pass at pricing example * redo examples index with data file * tighten up spacing a bit * update navbar descriptions * link pricing * move that back * property order * Fix test errors. * Compress pricing.png. * add form validation example * remove that * rename that * restyle and space out * fix errors * change order * cleanup album css and styles * tweak examples index * make it a badge * options * improve sticky footer alignment * redesign example index * brand new blog layout * start new screenshots * new product example page a la apple * add email field * fix linter, remove unused blog css * hook up feather icons to start * redo dashboard * fix linting * add floating labels example * formatting * formatting * lint * fix values on select * optional input, plus input group * new dashboard image * start to reboot the offcanvas example * updated images * new offcanvas mostly implemented * linting * edit description * more description changes * - Add vertical margin to album hero buttons for when they're stacked - Adjust font-size and padding for pricing header and hero - Fix checkout's stacked column margins, plus update their check/radio markup - Update product's utilities to be responsive - Made blog cards somewhat responsive (needs a bit more work tbh) * drop leading zero * more linting * swap empty images for holder, fix border * dist the docs * navbars have no margin-bottom to begin * add css var, tweak padding for mobile * comment headers * nix commented out code * nix the navbar structure for a custom one, stack it on mobile * tweak heading button group for mobile * Removed narrow jumbotron and justified nav examples as these are easily accomplished with new components in v4 * improve card sizing on pricing * update and compress

Commits on Dec 5, 2017

Remove page reload in pwa.js. (twbs#24923 )

XhmikosR committed Dec 5, 2017

Configuration menu

View commit details

Copy full SHA for af34799

Browse repository at this point

Copy the full SHA

af34799 View commit details

Browse the repository at this point in the history

Commits on Dec 17, 2017

dist

mdo committed Dec 17, 2017

1 Configuration menu

View commit details

Copy full SHA for eaaad95

Browse repository at this point

Copy the full SHA

eaaad95 View commit details

Browse the repository at this point in the history

Commits on Jan 12, 2018

dist

mdo committed Jan 12, 2018

Configuration menu

View commit details

Copy full SHA for 6d8d863

Browse repository at this point

Copy the full SHA

6d8d863 View commit details

Browse the repository at this point in the history

Adjust examples #25326

Adjust examples #25326

Commits on Oct 31, 2017

Commits on Nov 1, 2017

Commits on Nov 2, 2017

Commits on Nov 3, 2017

Commits on Nov 6, 2017

Commits on Nov 7, 2017

Commits on Nov 8, 2017

Commits on Nov 9, 2017

Commits on Nov 11, 2017

Commits on Nov 13, 2017

Commits on Nov 15, 2017

Commits on Nov 16, 2017

Commits on Nov 17, 2017

Commits on Nov 19, 2017

Commits on Nov 20, 2017

Commits on Nov 23, 2017

Commits on Nov 24, 2017

Commits on Nov 25, 2017

Commits on Nov 26, 2017

Commits on Nov 27, 2017

Commits on Nov 28, 2017

Commits on Nov 29, 2017

Commits on Dec 1, 2017

Commits on Dec 2, 2017

Commits on Dec 4, 2017

Commits on Dec 5, 2017

Commits on Dec 7, 2017

Commits on Dec 8, 2017

Commits on Dec 11, 2017

Commits on Dec 12, 2017

Commits on Dec 16, 2017

Commits on Dec 17, 2017

Commits on Dec 22, 2017

Commits on Dec 23, 2017

Commits on Dec 24, 2017

Commits on Dec 26, 2017

Commits on Dec 27, 2017

Commits on Dec 28, 2017

Commits on Dec 29, 2017

Commits on Dec 30, 2017

Commits on Dec 31, 2017

Commits on Jan 2, 2018

Commits on Jan 3, 2018

Commits on Jan 4, 2018

Commits on Jan 6, 2018

Commits on Jan 8, 2018

Commits on Jan 10, 2018

Commits on Jan 11, 2018

Commits on Jan 12, 2018

Commits on Jan 13, 2018

Commits on Jan 14, 2018

Commits on Jan 15, 2018