Patrick Yeo
dd0ce3e4b2
Rename variable $input-border-focus to $input-border-color-focus ( #22413 )
...
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-16 15:45:10 -07:00
Mark Otto
2075610491
Prevent long words in .card-title
s from breaking auto layout
2017-04-16 14:02:12 -07:00
Patrick H. Lauke
6d64afe508
Replace dropdown backdrop hack with cleaner JS-only hack
...
* Replace backdrop with simple noop mouse listener
As discussed in https://github.com/twbs/bootstrap/pull/22422 the current
approach of injecting a backdrop (to work around iOS' broken event
delegation for the `click` event) has annoying consequences on
touch-enabled laptop/desktop devices.
Instead of a backdrop `<div>`, here we simply add extra empty/noop
mouse listeners to the immediate children of `<body>` (and remove
them when the dropdown is closed) in order to force iOS to properly
bubble a `click` resulting from a tap (essentially, method 2 from
https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html )
This is sufficient (except in rare cases where the user does manage to tap
on the body itself, rather than any child elements of body - which is not
very likely in an iOS phone/tablet scenario for most layouts) to get iOS to
get a grip and do the correct event bubbling/delegation, meaning the regular
"click" event will bubble back to the `<body>` when tapping outside of the dropdown,
and the dropdown will close properly (just like it already does, even without
this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and
Windows on a touch laptop).
This approach, though a bit hacky, has no impact on the DOM structure, and
has no unforeseen side effects on touch-enabled laptops/desktops. And crucially,
it works just fine in iOS.
* Remove dropdown backdrop styles
* Update doc for dropdowns and touch-enabled devices
2017-04-14 09:19:00 +01:00
Idan Cohen
8c97532719
Fix popover arrow color for bottom position
2017-04-13 10:52:41 +02:00
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed
styles
2017-04-10 22:10:20 +01:00
Mark Otto
7f075bfb23
fixes #22135
2017-04-08 21:26:25 -07:00
Mark Otto
09f98fbd0e
Update card outline mixin
...
Fixes #22056 by ensuring outline cards make their header/footer transparent and use the right border color.
2017-04-08 21:25:38 -07:00
Mark Otto
2dfffbde89
Rename some .open to .show ( #22389 )
...
* no more outline overrides
* rename old .open to .show
2017-04-08 16:30:18 -07:00
Mark Otto
0c59741812
property order
2017-04-08 16:29:21 -07:00
Mark Otto
90c18ebd19
Switch to ease function to remove trailing animation movement
2017-04-08 16:29:21 -07:00
Pierre-Denis Vanduynslager
73cfefd594
Do not stretch images in carousel-item
2017-04-08 16:29:21 -07:00
Mark Otto
ab67ffe167
Ensure carousel works in IE10/11
...
- Drops the `if-supports-3d-transforms()` mixin since all our browsers do support it
- Updates carousel to not rely on that mixin
2017-04-08 16:29:21 -07:00
Mark Otto
feb35b94a6
Revert "Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )"
...
This reverts commit 2f21403a93
.
2017-04-08 15:15:14 -07:00
Mark Otto
fba27befef
Add transition to .progress-bar
...
- Pulls in values from v3
- Closes #22371 which didn't use a transition include
2017-04-08 14:40:35 -07:00
Mark Otto
050aab338b
Add dropdown-item-padding-y var
...
- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)
2017-04-08 14:40:11 -07:00
Mark Otto
2f21403a93
Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376 )
2017-04-08 14:23:47 -07:00
Jesper Strange Klitgaard Christiansen
11c2c07e26
Remove margin-left on caret if empty ( #22095 )
2017-04-08 14:23:07 -07:00
Mark Otto
cf2de1fd05
Drop .jumbotron-hr
...
- Closes #21760
- No longer needed since we have an rgba() value for this element, so it naturally darkens
2017-04-08 14:21:18 -07:00
Mark Otto
9a475730dc
Docs and CSS updates for #21807 ( #22336 )
...
* tweak some copy
* fix up scrollspy docs
* remove nav styles that were added
* fix nav-based docs by requiring .nav-item on .nav-link
2017-04-08 13:58:20 -07:00
Catalin Zalog
f7881336e5
css: just some ordering
...
Order y & x axis by top, right, bottom, left logic
2017-04-08 13:10:25 -07:00
Catalin Zalog
758503e9ae
css: .navbar child's aligning
...
Vertical centering `.navbar` flex children's
Demo: http://jsbin.com/fibini
2017-04-08 12:38:37 -07:00
Catalin Zalog
8423e5c3e6
css: .navbar-expand .dropdown position
...
Set/reset `.dropdown` position when `.navbar-expand`.
Demo: http://jsbin.com/pojecuh
2017-04-08 12:36:28 -07:00
Mark Otto
2436ad589c
drop flex and max-width, just use width
2017-04-07 14:22:49 -07:00
Mark Otto
c6168b64ed
Remove system-ui from font stack due to i18n issues
2017-04-07 14:22:18 -07:00
Catalin Zalog
094b3a1293
css: .container-fluid 100%
...
Force .container-fluid to be 100% width no matter if the parent is flex, or not.
Pen: http://codepen.io/zalog/pen/yMwyGr
2017-04-03 08:59:33 -07:00
Pierre Vanduynslager
91b62941af
Tabs/Scrollspy/.nav/.list-group/.active independent of markup (<nav>, .nav-item, <li> etc...)
2017-04-02 11:21:04 +02:00
Praveen Puglia
cb4bc89fdf
ability to change text color in popovers ( #22221 )
2017-03-28 15:21:47 -07:00
Mark Otto
296c99020c
Revamp button and input vars while fixing #21587 ( #22287 )
2017-03-28 09:28:27 -07:00
Mark Otto
bebdbe4119
Fix wrapping card decks ( #22289 )
...
fixes #22007 and fixes #21976 by changing margin strategy for card deck gutters
2017-03-27 22:53:39 -07:00
Mark Otto
fe3acc097a
Card image fixes ( #22288 )
...
* fix image stretching due to flexbox
* fix broke text-muted on dark bg
* no img-fluid needed
2017-03-27 22:52:24 -07:00
Mark Otto
3ea3e10799
Use the hr-method for the nav-divider, closes #21945
2017-03-26 15:03:13 -07:00
Mark Otto
7ca078da81
fixes #22111
...
- add .col-*-auto to the extend in our grid framework mixins so it gets padding
- this means we can avoid the col-12 classes in our docs for the responsive variants
2017-03-26 13:23:49 -07:00
Mark Otto
32ed268c82
fixes #22245 : revamp the breakpoint-between and breakpoint-only mixins to actually work
2017-03-26 13:23:49 -07:00
Mark Otto
8108c0357a
Drop position relative on container that was added quickly in Alpha 6
2017-03-26 13:23:49 -07:00
Catalin Zalog
e20d744bdf
.navbar-toggler color
...
Change the .navbar-toggler to default contextual .navbar-*-color.
<iframe height='265' scrolling='no' title='Bootstrap - .navbar-toggler color' src='//codepen.io/zalog/embed/MJLZOE/?height=265&theme-id=light&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='http://codepen.io/zalog/pen/MJLZOE/ '>Bootstrap - .navbar-toggler color</a> by Catalin Zalog (<a href='http://codepen.io/zalog '>@zalog</a>) on <a href='http://codepen.io '>CodePen</a>.
</iframe>
2017-03-26 10:43:57 -07:00
Mark Otto
90c5f6230b
rename from .navbar-toggleable to .navbar-expand to reflect mobile first approach everywhere else
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
17cb5bb674
Allow to customize navbar-brand font-size
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df
Harmonize navbar-brand, navbar-text and nav-link height
2017-03-23 23:02:28 -07:00
Mark Otto
09ba3de619
revamp the collapse behavior
...
instead of flex column, use wrap and an explicit flexbox break with flex-basis 100% on the navbar-collapse.
add some additional container styles for enabling flex behavior when content isn't immediate child of .navbar
2017-03-23 23:02:28 -07:00
Mark Otto
0eb9862514
account for fluid containers
2017-03-23 23:02:28 -07:00
Mark Otto
1e424bfcf6
ditch abs positioned togglers for explicit justify-content: space-between on parent
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
89b47efc32
Simplify generation and get rid of previously added "breakpoint-previous" function
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
c1325a756e
Generate correct breakpoints for navbar-toggleable-* and generate toggleable without media query to never collapse
2017-03-23 23:02:28 -07:00
Mark Otto
40ac03384d
linting from before
2017-03-19 18:39:48 -07:00
Mark Otto
d093460252
fixes rest of #21585 ; adds custom styles for inverse table accent hover and active states
2017-03-19 18:39:48 -07:00
Mark Otto
13a874e340
reorder
2017-03-19 18:39:48 -07:00
Mark Otto
78cad48c70
consistent breaks
2017-03-19 18:39:48 -07:00
Mark Otto
4c015bf378
Do what the comment says; add this only to devices under 768px
2017-03-19 18:39:48 -07:00
Mark Otto
08d612f3e4
correct inverse table border color, add new var
2017-03-19 18:39:48 -07:00
Gaël Poupard
2085c14267
Update _screen-reader.scss ( #22154 )
...
* Update _screen-reader.scss
Small improvements that could be important:
* `clip` [is deprecated](https://www.w3.org/TR/css-masking-1/#clip-property ). Adding `clip-path` as progressive enhancement; the shorter notation came from @ryuran 's [suggestion](https://twitter.com/ryuran78/status/778943389819604992 );
* [J. Renée Beach warned about single pixel with interfering with screen readers vocalisation](https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe#.vcd5xlpgg ) solved with `white-space`.
See [the detailed post on Hugo Giraudel's blog](http://hugogiraudel.com/2016/10/13/css-hide-and-seek/ ).
Also kinda related to issue #20732 :)
Please let me know if you find any trouble with this technique. Thanks a lot!
* Reorder declarations
To pass Hound.
Didn't think `clip` and `clip-path` would be considered as unrelated…
* Trailing spaces
* Last trailing space?
* Remove margin: -1px
2017-03-19 16:05:45 -07:00