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

139 Commits

Author SHA1 Message Date
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
Mark Otto
8f94078da8 New form control sizing, new navbar condensed variation, update nav and navbar spacing 2015-04-18 18:12:10 -07:00
Mark Otto
605990400e collapsing navbar tools 2015-04-16 18:50:32 -07:00
Mark Otto
53a3ff74ca redo sidenav 2015-04-13 19:00:59 -07:00
Chris Rebert
8e374bd010 put all :hover styles within @media (hover: hover) 2015-01-22 11:37:37 -08:00
Chris Rebert
cbb3b1ff9a Kill scss/mixins/_media-queries.scss
replaced media-xs => media-breakpoint-down(xs)
replaced media-sm => media-breakpoint-up(sm)
replaced media-sm-max => media-breakpoint-only(sm)
replaced media-md => media-breakpoint-up(md)
replaced media-md-max => media-breakpoint-only(md)
replaced media-lg => media-breakpoint-up(lg)
2015-01-06 17:47:13 -08:00
Gleb Mazovetskiy
c0c16edc41 Update styles for Ruby Sass compat 2014-12-24 22:22:15 +02:00
Chris Rebert
5b03c9ad63 [disabled] => :disabled
:disabled is supported in IE9+ and all modern browsers
2014-12-22 13:34:02 -08:00
Chris Rebert
8250f41948 rm trailing whitespace 2014-12-19 18:35:58 -08:00
Mark Otto
1e136a70a2 Clean up some navbar.scss, drop the -float-breakpoint var entirely 2014-12-11 14:47:10 -08:00
Mark Otto
fef873a840 fix all validation, turn off some settings, add sort order 2014-12-11 12:05:29 -08:00
Mark Otto
b811553147 new look for carousel example, convert to rems 2014-12-04 14:18:13 -08:00
Mark Otto
27df020852 convert to scss 2014-12-02 14:02:35 -08:00