0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Commit Graph

162 Commits

Author SHA1 Message Date
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