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
Quy
d02b558a5a
Rip number
2016-12-28 12:56:15 -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
c14ba036c6
forgot to add display flex to the navbar, so utils weren't applying
2016-12-27 22:37:09 -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
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
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
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
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
Starsam80
c2e5eb1542
Use variables for the width/height classes
2016-12-25 15:32:34 -08:00
Starsam80
210050d9c9
Clean up _spacing.scss a little bit
2016-12-25 15:32:34 -08:00
Starsam80
7fdedbd5e6
Remove some leftover IE9/flex stuff
2016-12-25 15:32:34 -08:00
Mark Otto
7d05c222f8
linting
2016-12-25 15:28:44 -08:00
Mark Otto
eb19def798
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
2016-12-25 15:28:44 -08:00
Mark Otto
33746dc63e
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)
2016-12-25 15:28:44 -08:00
Mark Otto
e7f8ca08b0
No need to override a margin-top that never was set; only specify margin-bottom override
2016-12-25 15:28:44 -08:00
Mark Otto
31b9d93ffd
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
2016-12-25 15:28:44 -08:00
Mark Otto
c214aa32d0
darker border on modal header
2016-12-25 15:28:44 -08:00
Mark Otto
103cae2333
trailing space
2016-12-25 14:03:50 -08:00
Mark Otto
dcd4a63e4e
line break for sanity
2016-12-25 14:03:50 -08:00
Mark Otto
bab4f1ef3c
add my-auto and m-auto
2016-12-25 14:03:50 -08:00
Mark Otto
4f85513608
responsive auto margin classes
2016-12-25 14:03:50 -08:00
Mark Otto
43c206d6ff
add mr-auto and ml-auto for some flex shiz
2016-12-25 14:03:50 -08:00
Mark Otto
56c63aa6b8
Fixes #18228 : Don't use transparent for bottom border, use bg color
2016-12-25 00:57:17 -08:00
Mark Otto
d5784d811b
rip numbers
2016-12-24 14:21:04 -08:00
Quy
78ee9f3c3e
Update toc numbering ( #21422 )
2016-12-24 14:21:04 -08:00
Mark Otto
991f2468d0
remove unused media vars, update numbers (oof) /cc @Quy
2016-12-24 14:21:04 -08:00
Mark Otto
d93991b1c5
remove unused utils, comment
2016-12-24 14:21:04 -08:00
Mark Otto
9d13fd3fe3
remove old flex utils, update docs to match
2016-12-24 14:21:04 -08:00
Mark Otto
574c3119f3
duplicate of the .flex-fill util
2016-12-24 14:21:04 -08:00
