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