Commit Graph

15571 Commits

Author SHA1 Message Date
Mark Otto d6fa9f5a6c Remove plain-hover-focus mixins from navs
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
2016-12-28 15:13:43 -08:00
Mark Otto e38c3506e3 properly pass focus shadow should you enable shadows
don't implement for the outline style because outline buttons get no shadow by default
2016-12-28 15:12:04 -08:00
Mark Otto b449e6b65e create a variable for the focus box-shadow, use it in the button base class
also be sure to apply it for the active state when shadows are enabled
2016-12-28 15:12:04 -08:00
Mark Otto a9bee8b6c8 remove active styling from focus 2016-12-28 15:12:04 -08:00
Mark Otto 232e86d0b4 remove cursor: pointer
shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m
2016-12-28 15:12:04 -08:00
Mark Otto 62c4cb29fb redo outlines
- removes original outline removal (hah)
- replaces it with an explicit `outline: 0` on `.btn`
- instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline"
- not mapped to the `$enable-shadows` variable because accessibility
2016-12-28 15:12:04 -08:00
Mark Otto 79cfc095df linting 2016-12-28 15:12:04 -08:00
Mark Otto 7aa2a52069 Redo button states
Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order.

This commit does the following:

- Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles.

- Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state.

- Renamed `.open` to `.show` to fix dropdown toggle highlighting.

- Tweaked some indendation in the Sass.
2016-12-28 15:12:04 -08:00
Mark Otto 150625265b fixes #21415 by moving disabled .btn-link color to the default state 2016-12-28 15:12:04 -08:00
Mark Otto b5044765b7 update to migration docs 2016-12-28 15:09:51 -08:00
Quy d02b558a5a Rip number 2016-12-28 12:56:15 -08:00
Mark Otto a28f119943 follow up to the fix for #20506 with some docs examples of input groups in button toolbars 2016-12-27 22:37:50 -08:00
Mark Otto d2479cf5f0 inline-flex and width: 100% for stacked/vertical variation
shoutout to @Starsam80 for the fix
2016-12-27 22:37:50 -08:00
Mark Otto 5d0ec572d4 auto size input groups, fixes #20506 2016-12-27 22:37:50 -08:00
Mark Otto 4d141cb3d1 remove commented out code 2016-12-27 22:37:50 -08:00
Mark Otto a849fa949b linting 2016-12-27 22:37:50 -08:00
Mark Otto fd75c41279 revamp button group with flexbox 2016-12-27 22:37:50 -08:00
Mark Otto 2cb2979908 update example with brand and new util 2016-12-27 22:37:09 -08:00
Mark Otto c14ba036c6 forgot to add display flex to the navbar, so utils weren't applying 2016-12-27 22:37:09 -08:00
Quy 6645111e11 Fix grammatical/typo errors 2016-12-27 22:05:55 -08:00
Mark Otto d3646e3884 grunt 2016-12-27 14:27:41 -08:00
Max Beatty aa7f95fd77 update click state when hiding so can be shown again by trigger. fixes #16732 2016-12-27 14:19:12 -08:00
Mark Otto 8a3d0d344b use var 2016-12-27 14:17:11 -08:00
Mark Otto 8721ff8d6b fix inline checks 2016-12-27 14:17:11 -08:00
Mark Otto 4ba5bfb7cb add some vars 2016-12-27 14:17:11 -08:00
Mark Otto fe0573cdab sure we only need the two mixins, but this ensures folks don't run into missing mixin errors down the line 2016-12-27 14:16:25 -08:00
Mark Otto 0f18dfc05c Update bootstrap-grid.scss 2016-12-27 14:16:25 -08:00
Mark Otto 424f969d1c Update bootstrap-reboot.scss 2016-12-27 14:16:25 -08:00
Mark Otto 4482503237 move custom down so folks can reassign var values and use other vars 2016-12-27 14:16:25 -08:00
Starsam80 e8ff150ab7 Don't show `.bd-*` classes to the user (#21443)
* Don't show `bd-*` classes to the user

* Add comments and another regex
2016-12-27 14:15:22 -08:00
Mark Otto 069a80254f Document how to break equal width cols to multiple rows
Fixes #21287
2016-12-27 14:14:49 -08:00
Mark Otto a34cdc0638 bump jquery and grunt-sass
plus shx? 🤷
2016-12-27 14:14:18 -08:00
Mark Otto 7a91b65d47 grunt 2016-12-27 14:13:56 -08:00
Mark Otto dac31ebf35 fixes #21445
remove broken example class from grid docs
2016-12-27 14:11:48 -08:00
Mark Otto 8de5730c87 more flexbox docs 2016-12-26 13:23:07 -08:00
Mark Otto d3cf4759b0 follow up to #21436 to add docs for the .flex-row-reverse , .flex-column-reverse, and .flex-wrap-reverse 2016-12-26 13:17:50 -08:00
Mark Otto 14fe088cab grunt 2016-12-26 13:11:05 -08:00
Starsam80 31ac81e5ba Add more flex utilities 2016-12-26 13:06:53 -08:00
Quy 88a6b1c3d4 Rename tags to badges in comments 2016-12-26 13:06:34 -08:00
Bardi Harborow 7961886efe Remove Meteor install instructions. 2016-12-26 13:29:42 +11:00
Mark Otto 4d1b7df0d8 grunt 2016-12-25 15:52:16 -08:00
Mark Otto 8c90008098 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
2016-12-25 15:48:44 -08:00
Mark Otto 308114f65c throw some margin utils to fix spacing 2016-12-25 15:48:44 -08:00
Mark Otto 96986bb4a3 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.
2016-12-25 15:48:44 -08:00
Mark Otto 04d48ba504 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.
2016-12-25 15:48:44 -08:00
Mark Otto 2cad717634 space that out a smidge 2016-12-25 15:48:44 -08:00
Mark Otto 4cd426963b vertically center .form-group contents in inline forms
fixes broken inline form example mentioned in #21407
2016-12-25 15:48:44 -08:00
Mark Otto 30fd1590d3 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.
2016-12-25 15:48:44 -08:00
Mark Otto 82061b25c4 move custom checks/radios to inline-flex 2016-12-25 15:48:44 -08:00
Mark Otto 0e8ee1bfba grunt 2016-12-25 15:47:03 -08:00