Commit Graph

140 Commits

Author SHA1 Message Date
Mark Otto 1d4d9f8d89 Drop all hover mixins
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-08 20:58:07 +03:00
Martijn Cuppens 0321fbf036
Remove floats from dropdown (#28690) 2019-05-02 20:37:10 +02:00
Martijn Cuppens 51375abca5
Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
Martijn Cuppens 48fe2c23d3 Space fixes (#27997) 2019-01-08 06:46:29 +02:00
Martijn Cuppens e1b990fb90 Move hand cursor for buttons to reboot 2019-01-04 11:53:32 +02:00
Andres Galante ed3c611949 creates variables for navbar brand colors #27187 2018-09-13 17:51:14 +03:00
Andrew abb4868626 correct spelling errors (#26837) 2018-07-09 17:59:22 -07:00
ysds 14f712601e Add basic position to dropup/right/left and dropdown-menu-right (#25400) 2018-03-12 19:44:05 +02:00
Patrick H. Lauke 1f490ec165
Consistently use `:disabled` rather than `[disabled]` selector (#25317)
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-15 20:51:01 +00:00
Andres Galante 5f3856ce29 removes hardcoded value for nav-link padding 2017-12-30 20:58:25 -08:00
patrickhlauke e3f9c463fc Opinionated: reintroduce `cursor:pointer`
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 https://github.com/twbs/bootstrap/issues/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`.
2017-12-27 16:28:10 -08:00
XhmikosR 34d745540d
Minor Sass consistency changes. (#24677)
* use `background-color` instead of the shorthand
* use `outline: 0` consistently
* fix transform order
* remove quotes from `SFMono-Regular`
2017-11-06 02:23:36 +02:00
Johann-S b9c4a5cde2 Fix dropup in bottom navbar for all the breakpoints 2017-10-04 16:22:55 +02:00
Johann-S a9e7abd29b Fix caret position for Dropdown in a bottom navbar 2017-10-04 10:32:32 +02:00
Johann-S b6988714a1 Fix dropup in navbar 2017-10-04 10:32:32 +02:00
XhmikosR 7b766e1ad5 Switch to stylelint. (#23572) 2017-10-02 20:34:56 -07:00
Andres Galante acf76a4513 fixes navbar-text link colors (#23702) 2017-10-02 10:11:11 -07:00
XhmikosR 5cec8e0de6 Minor Sass cleanup and consistency changes. (#23959) 2017-09-17 08:18:24 +03:00
Andres Galante 5becfa6fb1 fixes #23926 responsive state on navbar 2017-09-12 21:41:15 -03:00
Martijn Cuppens 0ccb1e8d9a Fix navbar IE (#23652) 2017-09-12 11:32:43 +03:00
Mark Otto 73040d4311 fix navbar alignment for never expand situations 2017-08-04 15:15:25 -07:00
Mark Otto 987ac632b5 given `width: 100%` is always on a container now and it's constrained by max-width, we can remove our navbar changes from #21722 and #22383 2017-08-04 15:14:24 -07:00
Mark Otto 36e482ed27 update navbars to rename .navbar-inverse to .navbar-dark, update all navbar examples and variables 2017-06-25 18:29:43 -07:00
Catalin Zalog f640ec9662 Some .navbar .dropdown-menu optimisation (#22776) 2017-06-17 13:12:39 -07:00
Johann-S af93db294b Reset Popper.js styles for Dropdowns in navbar 2017-06-17 13:12:39 -07:00
Patrick Yeo f2829dd6ea Rename `$navbar-*-toggler-bg` to `$navbar-*-toggler-icon-bg` since it's placed on .navbar-toggler-icon (#22564) 2017-05-26 20:55:07 -07:00
Catalin Zalog 3706c88348 Fix (css): force .navbar .dropdown-menu positioning 2017-05-22 16:20:58 +02:00
Johann-S ba2352c14e Force dropdown to be displayed in position static for navbar, to override Popper css 2017-05-16 14:48:12 +02:00
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 2dfffbde89 Rename some .open to .show (#22389)
* no more outline overrides
* rename old .open to .show
2017-04-08 16:30:18 -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
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
Sergey Kovalenko bf7387aa42 Add align self to navbar brand (#21626) 2017-01-24 00:09:54 -08:00
Pierre Vanduynslager 9cf235508d Fix container within navbar on smallest breakpoint (#21722)
* Make container in navbar to occupy full width even on smallest breakpoint

* Fix typo in comment

* Apply fix only on smaller breakpoint

* drop the comment as chrome doesn't have a bug here
2017-01-21 13:06:00 -08:00
Quy 98e55484e7 Doc updates (#21542)
* Change it's to its.

* Fix links

* Fix typos
2017-01-05 14:24:40 -08:00
Quy d82914fb2f Remove .navbar-divider 2017-01-02 15:32:26 -08:00
Mark Otto 20b05e42e3 update rest of docs, remove navbar specific modifiers, fix docs example css 2017-01-02 11:48:51 -08:00
Mark Otto c386c5f5cb Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now 2017-01-02 11:12:24 -08:00
Mark Otto 4449167f44 linting 2016-12-28 19:07:33 -08:00
Mark Otto 5310bb4c0f redo order of css, add contents at top
this was mad confusing for awhile
2016-12-28 19:07:33 -08:00
Mark Otto a3f6d8afcb line break for readibility 2016-12-28 19:07:33 -08:00