0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

16173 Commits

Author SHA1 Message Date
Mark Otto
a689e30d46 line break for readibility 2016-12-28 17:03:09 -08:00
Pierre-Denis Vanduynslager
425d156df2 Merge branch 'twbs/v4-dev' into dropdown-keyboard 2016-12-28 19:57:38 -05:00
Mark Otto
a9efef6c4a reflect nav changes here in the responsive views
- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.
2016-12-28 16:51:40 -08:00
Mark Otto
24a45deb96 don't let the toggle grow when it's the only flex child 2016-12-28 16:50:07 -08:00
Mark Otto
ad3a2488b6 set the direction to column (aka, vertical) for mobile views 2016-12-28 16:49:55 -08:00
Mark Otto
bef1dd3dab remove extra line break 2016-12-28 16:48:56 -08:00
Mark Otto
a13161ab63 bring over styles from .nav for .navbar-nav
since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.
2016-12-28 16:48:50 -08:00
Mark Otto
b3dd2034a1 drop the flex-grow: 10 in favor of auto margin utils 2016-12-28 16:39:52 -08:00
Mark Otto
c56547a841 drop the .nav base class from .navbar-nav 2016-12-28 16:38:50 -08:00
Mark Otto
934d2d3d98 no float utils, use class name 2016-12-28 16:37:13 -08:00
Mark Otto
1191938886 better describe example 2016-12-28 16:37:04 -08:00
Mark Otto
3f94ee9c90 consistent punctuation
it's important, yo
2016-12-28 16:36:55 -08:00
Mark Otto
047d4a77da Merge branch 'v4-dev' into v4-docs-streamlined 2016-12-28 15:52:28 -08:00
Mark Otto
e1e621be04 grunt 2016-12-28 15:15:29 -08:00
Mark Otto
3d24364605 limit linter override to the affected ruleset 2016-12-28 15:13:43 -08:00
Mark Otto
41f7f6ec52 remove plain-hover-focus from navbar navs 2016-12-28 15:13:43 -08:00
Mark Otto
a9d899b115 update navs to use .show instead of .open for dropdowns 2016-12-28 15:13:43 -08:00
Mark Otto
d91481397e linting 2016-12-28 15:13:43 -08:00
Mark Otto
766d22ebb7 add alignment docs with flex utils 2016-12-28 15:13:43 -08:00
Mark Otto
12c6a97ce3 simpler sizing examples 2016-12-28 15:13:43 -08:00
Mark Otto
566534afb9 rogue extra line break 2016-12-28 15:13:43 -08:00
Mark Otto
703e83204b redo active and disabled docs snippets
- remove screen reader stuff in favor of explicit labels
- remove 4 and 5 items to keep examples simpler
2016-12-28 15:13:43 -08:00
Mark Otto
5ec35d800d add a working with icons example
frees us up to not have to encourage so much markup throughout these pagination examples
2016-12-28 15:13:43 -08:00
Mark Otto
2b6276f685 redo main example to work in screen reader love instead of putting it in a callout 2016-12-28 15:13:43 -08:00
Mark Otto
d19fead4a6 redo intro paragraph 2016-12-28 15:13:43 -08:00
Mark Otto
3fd9557cfd no need to float, but do set display: block;
this, coupled with the move to flex, fixes #20029
2016-12-28 15:13:43 -08:00
Mark Otto
79fd05d209 remove plain-hover-focus mixins 2016-12-28 15:13:43 -08:00
Mark Otto
bd6e047152 no need for cursor: default, since, well, it's the default 2016-12-28 15:13:43 -08:00
Mark Otto
c52049e5a7 add a comment here to explain some things 2016-12-28 15:13:43 -08:00
Mark Otto
e3d01a326b .page-item's don't need this anymore (they're flex items) 2016-12-28 15:13:43 -08:00
Mark Otto
e81aa62af6 remove default margin, allow folks to use utils instead 2016-12-28 15:13:43 -08:00
Mark Otto
645330a755 update pagination list reset styles 2016-12-28 15:13:43 -08:00
Mark Otto
c73bea60de move pagination to flexbox 2016-12-28 15:13:43 -08:00
Mark Otto
f1016efaf4 update docs to improve contextual classes section 2016-12-28 15:13:43 -08:00
Mark Otto
78d0e97509 remove plain-hover-focus from list group mixin 2016-12-28 15:13:43 -08:00
Mark Otto
f228802fd0 Revamp list group states and docs to match
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
9ce5fb5817 Revamp dropdown item states
- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.
2016-12-28 15:13:43 -08:00
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