Commit Graph

177 Commits

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