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
Starsam80
54908a95a8
Rename .navbar-toggleable-xs
to .navbar-toggleable
+ more cleanup ( #21226 )
...
* Clean up some utilities
- Align CSS properties
- In `_spacing.scss`, we had a comment saying what 'a' was for, but we removed that so this comment no longer applies
* Remove '-xs' from `.navbar-toggleable-xs` and remove duplication
* Fix outdated classes to use newer ones
2016-11-27 22:23:12 -08:00
Mark Otto
4fc526f24a
add disabled classes to light and dark navbar nav-links
2016-11-26 00:19:13 -08:00
Valentine Abanosimov
34ec049231
Fixes #20975 : removed trailing whitespace
2016-10-30 21:57:04 +03:00
Valentine Abanosimov
66d113be83
Fixes #20975 : removed trailing whitespace
2016-10-30 21:51:16 +03:00
Valentine Abanosimov
d6132c9a5d
Fixes #20975 : made navbar-text color on navbar-dark equal to non-hovered link color
2016-10-30 21:43:54 +03:00
Mark Otto
a3df8ca35a
remove .navbar-brand > img selector that sets display block (will be replaced with utils)
2016-10-18 18:47:36 -07:00
Mark Otto
610ec73c9d
more consistent navbar-brand line-height
2016-10-18 18:47:08 -07:00
Mark Otto
8be341ee96
lint
2016-10-17 22:17:02 -07:00
Mark Otto
484a8e3901
add navbar-brand and navbar-nav styles to the toggleable
2016-10-17 22:08:49 -07:00
Mark Otto
e24f406ce1
set the border color on the toggler
2016-10-17 21:05:22 -07:00
Mark Otto
b35e77deaf
Fix sass map navbar-toggleable
...
Follow up to 6e8ce0c7dc
. Uses the breakpoint-next mixin to snag the next breakpoint in the media query for proper styling.
2016-10-17 21:05:07 -07:00
Mark Otto
6e8ce0c7dc
Iterate over breakpoints to generate .navbar-toggleable classes
...
- Moves .navbar-brand margin and float to media queries
- Replaces the static media queries with an each loop to generate all the needed classes
2016-10-16 21:51:26 -07:00
Mark Otto
64dcb8b507
Merge branch 'v4-dev' into v4-navbars
2016-09-15 10:20:57 -07:00
Chris Garcia
8b13c51a0e
Removing a redundant background-color declaration. ( #20698 )
2016-09-11 22:50:14 -07:00
Mark Otto
d62c3e3f80
Swap for custom svg background that we can embed to set the color of the stroke via Sass variable
2016-09-11 22:25:42 -07:00
Mark Otto
818d1f53a5
Merge branch 'v4-hamburger-fix2' of https://github.com/patrickhlauke/bootstrap into patrickhlauke-v4-hamburger-fix2
2016-09-11 21:57:38 -07:00
Mark Otto
dc5c1421c6
Disable important flag on Sass linter ( #20627 )
2016-09-04 17:58:20 -07:00
Mark Otto
d506bd8e50
Update navbar-toggleable-* styles to incorporate changes from #20083
2016-07-26 20:16:23 -07:00
Mark Otto
15f522fd4a
Fixes #17990 : clear the floats within .navbar-toggleable-* to avoid funky animation on close
2016-07-24 00:49:08 -07:00
Patrick H. Lauke
d125860464
change navbar-toggler to use SVG background image
2016-07-20 10:29:54 +01:00
Mark Otto
dfa2536c3b
Restore .navbar-text and add some basic examples to the docs /cc #18049
2016-05-15 12:29:56 -07:00
Mark Otto
c6c0522598
more navbar variables
2016-05-13 08:15:48 -07:00
Mark Otto
745e37a325
correction, -toggler-*
2016-05-12 21:50:17 -07:00
Mark Otto
906357b75f
new var for -toggle-border-radius
2016-05-12 21:49:56 -07:00
Mark Otto
3021c241cc
add new variable for -toggle-font-size
2016-05-12 21:49:03 -07:00
Mark Otto
8b7ce089c9
Alternate fix to #18865 : Change the .navbar-toggler color for light/dark navbars as we do with the .navbar-brand
2016-05-12 11:24:09 -07:00
Chris Rebert
0d51926cf7
Merge pull request #19248 from twbs/navbar-divider-border-width
...
.navbar-divider width: 1px=>$border-width
2016-04-17 12:49:38 -07:00
Chris Rebert
38c3e6e4d1
Extract $navbar-brand-padding-y variable
...
[skip sauce]
[skip validator]
2016-02-16 23:11:25 -08:00
Chris Rebert
f10dc27cd4
.navbar-divider width: 1px=>$border-width
...
[skip sauce]
[skip validator]
2016-02-16 22:48:43 -08:00
Mark Otto
03ec195974
linter overhaul
2016-02-06 12:28:18 -08:00
Chris Rebert
1861b05b5f
Rename 2 navbar variables to comply with updated naming convention
...
$navbar-padding-horizontal => $navbar-padding-x
$navbar-padding-vertical => $navbar-padding-y
[skip sauce]
[skip validator]
2015-12-08 01:30:23 -08:00
Mark Otto
584cfdd72b
Fixes #17230 : Renames .navbar-static-top to .navbar-full and adds docs for it
2015-09-05 20:58:28 -07:00
Luke Bonaccorsi
319009a72b
Added .navbar-toggleable-md class
...
In Bootstrap 3, the menu collapsed on the -sm- breakpoint, I believe the equivalent of this breakpoint in Bootstrap 4 is actually the -md- breakpoint. The navbar currently has no option to collapse at the -md- breakpoint and I'd like to add this.
2015-09-02 22:08:52 +01:00
Kevin Kirsche
d51f0a4f81
Use double colons for psuedo elements
...
Fix #17052
2015-08-24 13:22:10 -04:00
Mark Otto
a5bfbe0fca
fix remaining scss lint errors
2015-08-23 01:12:00 -07:00
Mark Otto
b2dccb15d7
fix majority of scss linter errors
2015-08-23 01:00:22 -07:00
Mark Otto
27e4e97840
there is no navbar default for this
2015-08-23 00:28:02 -07:00
Mark Otto
b96f2b4c5b
tweak navbar nav spacing
2015-08-18 01:06:14 -07:00
Mark Otto
47d334b28f
shoutout navbar-divider
2015-08-18 00:59:44 -07:00
Mark Otto
d6b6a20a0d
rewrite navbar once more for lower key styles and a new take on modifiers for improved customization
2015-08-18 00:46:29 -07:00
Mark Otto
f1e10c37fd
rewrite navbar bits some more
2015-08-17 23:43:59 -07:00
Mark Otto
c3373df95f
clean out comments that aren't all that helpful
2015-08-17 18:33:34 -07:00
Mark Otto
18da568b8b
rewrite some navbar stuff, clean out some commented out code
2015-06-22 23:24:55 -07:00
Mark Otto
d703396bce
comment
2015-06-22 17:37:52 -07:00
Mark Otto
ce9c0f0125
tweak small forms, small inputs; trying to equalize their rendered dimensions
2015-06-22 16:30:31 -07:00
Mark Otto
663576a7ae
Merge branch 'v4' of https://github.com/twbs/derpstrap into v4
...
Conflicts:
dist/css/bootstrap.css
dist/css/bootstrap.css.map
docs/assets/css/docs.min.css
2015-05-27 15:49:55 -07:00
Mark Otto
ed89be1f44
Remove $line-height-computed
...
We have it set to `1` right now just to avoid compilation errors, but
it’s been replaced everywhere with our new spacer classes anywho. We’ll
likely want to remap that var to custom component vars though (e.g.,
`$pagination-margin` instead of `$spacer-y`).
2015-04-29 12:00:11 -07:00
Mark Otto
6489e19530
remove more old navbar styles
2015-04-26 00:07:37 -07:00
Mark Otto
b688fe822c
remove the old navbar-form class
2015-04-26 00:06:45 -07:00
Mark Otto
209cdf33f9
update navbar and nav link values
2015-04-18 18:15:24 -07:00