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

1193 Commits

Author SHA1 Message Date
Mark Otto
754698c4d7 New width and height utils
Adding 25%, 50%, and 75% to the mix for later use with cards
2016-12-22 17:15:10 -08:00
Mark Otto
736be8fca6 linting 2016-12-22 14:58:40 -08:00
Mark Otto
135b65ded4 text-align doesn't apply here, so we can nuke it 2016-12-22 14:58:40 -08:00
Mark Otto
be7a8c68f7 Redo controls in flexbox
- Drops the absolute positioning of the icons within the left/right controls. We have to keep the controls themselves positioned though since we're overlapping HTML elements here.

- No more position, left, right, or margins involved; just some justify-content and align-items.

- Add some comments for explaining which flex property-value pair does what.

- Remove the unapplied font and line-height stuff now that we're all SVGs and flexbox here.
2016-12-22 14:58:40 -08:00
Mark Otto
1706f494f0 flexbox powered indicators
This revamps the indicators to use flexbox instead of inline-block for added flexbility (hah). Indicators now automatically scale based on the number of elements present, and max out at the `$carousel-indicator-width` instead of always being that wide.
2016-12-22 14:58:40 -08:00
Mark Otto
d426c3c50e start small--set flex instead of block for active items 2016-12-22 14:58:40 -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
135bd0283d containers should flex 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
Bardi Harborow
855a67b1d6 Remove IE9 browser hacks. (#21393) 2016-12-22 13:41:31 -08:00
Patrick Cameron
b01f5a1a38 Changed a word in a comment (#21399) 2016-12-22 13:25:41 -08:00
Mark Otto
a2b2f99e3b Restyle code elements in links (#21392)
* Restyle code elements in links

Fixes #21259. Removes the background, color, and padding on code elements within anchors.

* Update _code.scss
2016-12-21 20:28:34 -08:00
Mark Otto
eb2e1102be Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389)
* remove the $enable-flex variable option

* remove bootstrap-flex.css dist file and it's grunt task

* remove the separate flex css file for docs; it's all the same now

* remove flexbox docs (porting some to the main grid docs in next commit)

* clean up few grid docs bits to simplify copy, start to mention flexbox

* port relevant flexbox-grid.md content to grid.md

- clean up mixins
- update how it works section
- bring over sizing and alignment sections

* remove the $enable-flex from the options.md page

* update lead paragraph to mention flexbox

* update migration to mention loss of ie9 support

* remove mention of flexbox dist file

* clarify IE support

* making a note

* remove flexbox variant mentions from component docs

- updates docs for media object, navs, list group, and cards to consolidate docs
- no more need to callout flexbox variants since it's now the default

* remove $enable-flex if/else from sass files

* remove flex dist files

* update scss lint property order to account for flex properties

* linting

* change to numberless classes for autosizing, wrap in highlighting div

* bump gruntfile and postcss to ie10

* redo intro sections

* rearrange

* phew, redo hella grid docs

- rearrange all the things
- consolidate some bits

* remove reference to flexbox mode

* more border action for demo

* Make some changes to the .card's in .card-deck's to ensure footers align to the bottom
2016-12-21 20:26:17 -08:00
Mark Otto
f464a5b214 Redo color vars
This pulls in some changes from #18462 to include a set of generic color variables. It doesn't include a Sass map for generating the theme colors yet, since we can't easily do that for all components, but does give a few more color choices to folks and an easier way to customize.
2016-12-20 23:24:24 -08:00
Gijs Boddeus
1c2f372aad Overwrite margin-bottom on form-control-static (#21270)
* Overwrite margin-bottom on form-control-static

In the documentation the form-control-static class has been used on a p element.
On the regular vertical form the margin bottom of the p element gets overwritten by a mb-0 class.
In the inline form example this class hasn't been applied, therefore the p element gets a margin-bottom.

To prevent this behavior we can add a margin-bottom of 0.

* Update _forms.scss
2016-12-20 14:45:08 -08:00
Mark Otto
37de11e386 Rename -bg-inverse to -inverse-bg; add -inverse-color (#21371) 2016-12-19 21:50:31 -08:00
Mark Otto
8eeb71c91c Merge branch 'fix-20982' of https://github.com/Starsam80/bootstrap into Starsam80-fix-20982 2016-12-19 21:44:03 -08:00
Mark Otto
7e5f21c2b4 Rename _animation.scss to _transitions.scss (#21370)
* Rename _animation.scss to _transitions.scss for accuracy

* fix docs reference to file name

* cleanup line breaks
2016-12-19 21:37:09 -08:00
Mark Otto
50d5f60696 Merge branch 'progress-brand' of https://github.com/szastupov/bootstrap into szastupov-progress-brand 2016-12-19 21:06:27 -08:00
Mark Otto
be4fc23fdb Merge branch '14840-consistent-colors' of https://github.com/Kovah/bootstrap into Kovah-14840-consistent-colors 2016-12-19 20:54:41 -08:00
Jesse Mandel
f3282b5656 Update _modal.scss (#21346)
pull->float comment
2016-12-19 20:34:27 -08:00
Tom Lutzenberger
e1653edb95 Add variables for transitions (#21345)
* Add variables for transitions

* Add variables for transitions
2016-12-19 20:33:17 -08:00
Bardi Harborow
da18d07d8e Add 'system-ui' to font stack. 2016-12-19 20:29:44 -08:00
Stepan Zastupov
7800b3d97c Use brand color for progress bar 2016-12-20 00:58:37 +03:00
Mark Otto
d8bdb819a7 linting property order 2016-12-10 16:58:52 -08:00
Mark Otto
65aed32d95 put the custom control spacer var to use 2016-12-10 16:58:52 -08:00
Starsam80
bf39bb3ac3
Rename .active to .show 2016-12-07 21:20:15 -07:00
Mark Otto
ede925d79b Merge pull request #21298 from twbs/carousel
Refactor carousel
2016-12-05 23:31:14 -08:00
Mark Otto
4ef547f4bb drop the .carousel-control base class 2016-12-04 23:19:54 -08:00
Mark Otto
e331db31fd linting 2016-12-04 22:19:20 -08:00
Mark Otto
7c3bda24f0 simplify svg by only using viewbox 2016-12-04 22:06:29 -08:00
Mark Otto
89f5e65cfb drop the fixed width of the indicators. instead use the carousel-control width as margins to ensure content doesn't overlap 2016-12-04 22:05:05 -08:00
Mark Otto
1980854c14 rename var 2016-12-04 22:01:31 -08:00
Mark Otto
410bf38a4f there's no font, so rip that var 2016-12-04 21:55:46 -08:00