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
Mark Otto
40e85012eb
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 19:07:33 -08:00
Mark Otto
b132d02f99
don't let the toggle grow when it's the only flex child
2016-12-28 19:07:33 -08:00
Mark Otto
cc6d9085f7
set the direction to column (aka, vertical) for mobile views
2016-12-28 19:07:33 -08:00
Mark Otto
952035f353
remove extra line break
2016-12-28 19:07:33 -08:00
Mark Otto
c8f63d6442
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 19:07:33 -08:00
Mark Otto
861cda109a
drop the flex-grow: 10 in favor of auto margin utils
2016-12-28 19:07:33 -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
c14ba036c6
forgot to add display flex to the navbar, so utils weren't applying
2016-12-27 22:37:09 -08:00
Mark Otto
8231b188c3
remove .hidden-* classes from .navbar-toggler and make that part of the .navbar-toggleable-*
2016-12-22 13:48:07 -08:00
Mark Otto
b71f973bb5
more linting
2016-12-22 13:48:07 -08:00
Mark Otto
0698dfbed7
linting
2016-12-22 13:48:07 -08:00
Mark Otto
8d9d84784a
Redo navbar-toggler
...
- Require inner element for the icon for improved customization (e.g., drop the element to replace it with your own icon font or SVG)
- Tighten up padding
- Better comments
2016-12-22 13:48:07 -08:00
Mark Otto
80674b0c58
fixes #18115 : move forward with one naming scheme for inversed color schemes, renaming .navbar-dark to .navbar-inverse (matching .card-inverse in the process and restoring v3's inverted class name)
2016-12-22 13:48:07 -08:00
Mark Otto
ecba56828d
fixes #18053 by removing container padding at lower breakpoints on responsive navbars
2016-12-22 13:48:07 -08:00
Mark Otto
2ea7feb9cc
remove
2016-12-22 13:48:07 -08:00
Mark Otto
08e1582f2d
Fix vertical alignment a bit
2016-12-22 13:48:07 -08:00
Mark Otto
5432e7621c
move all nav link and collapse and container behaviors to the toggleable class generation area; this way the .navbar-toggleable-* goes on .navbar, easily affecting everything that needs updating for each breakpoint's use
2016-12-22 13:48:07 -08:00
Mark Otto
73da266009
move flex to navbar container only; otherwise it affects things negatively elsewhere
2016-12-22 13:48:07 -08:00
Mark Otto
96346f0b44
flexbox shiz
2016-12-22 13:48:07 -08:00
Mark Otto
b98ef3bfd0
no need for a clearfix given no more floats
2016-12-22 13:48:07 -08:00
Mark Otto
350f8a20c9
move padding on nav links and brand to be responsive padding, keeping mobile contents aligned better
2016-12-22 13:48:07 -08:00
Mark Otto
819978cb71
remove width 100% from positioning, remove rounded corners for utils
2016-12-22 13:48:07 -08:00
Mark Otto
96082b1ec7
remove justified, replacing with modifier later if needed; combine rules
2016-12-22 13:48:07 -08:00
Mark Otto
18453f06f9
flexbox this thing
...
- drop the table styles, use flex
- remove commented out code
- consolidate styles a bit
- add a huge flex-grow to the nav, making the assumption you want nav to take up most space
2016-12-22 13:48:07 -08:00
Mark Otto
09f13c4764
indentation
2016-12-22 13:48:07 -08:00
Mark Otto
99ac0bcedc
exploring table based navbar again
2016-12-22 13:48:07 -08:00
Starsam80
b226766b62
Remove lots of duplication + minor cleanup ( #21238 )
...
* Remove comment that duplicated some code
* Use transition mixin whenever possible
* Create a new function to reduce duplication
* Use the new `breakpoint-infix` method
2016-11-28 13:23:59 -08:00