0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

15655 Commits

Author SHA1 Message Date
Mark Otto
6b367b12c9 margins to separate some cards in examples 2016-12-22 19:13:39 -08:00
Jacob Müller
1712484727 Add color variables for white and black (#21397)
* Add color variables for white and black

Closes #21395.
2016-12-22 19:09:11 -08:00
Mark Otto
040acd30db change card deck margin strategy
- Instead of negative left/right margins, we selectively apply margins to the cards as needed. This way the first and last child never receive a left and right margin (respectively), so we don't need to negative indent those at the .card-deck level.

- Drops the margin-bottom override on the .card because there's no more default margin there.

- Drop the margin-bottom from the .card-deck to match our lack of margins on the card.

This and the previous commit fixes #19883.
2016-12-22 18:59:05 -08:00
Mark Otto
b3d8426ffe move to grid gutter width, fixes #21300 2016-12-22 18:55:21 -08:00
Bardi Harborow
fe4cd38877 Change scope of docs anchor preventDefault to include modals. 2016-12-23 13:11:06 +11:00
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
51f723d669 no more need for this 2016-12-22 16:52:25 -08:00
Mark Otto
bc69ff108a final docs cleanup with columns and more 2016-12-22 16:47:30 -08:00
Mark Otto
ce35655f5f card deck footer example 2016-12-22 16:47:10 -08:00
Mark Otto
433df0c67e add aligned footer example 2016-12-22 16:46:29 -08:00
Mark Otto
cba7b51081 redo subheadings and organization of card layout options 2016-12-22 16:46:10 -08:00
Mark Otto
5692406a11 better grouping of card styles docs 2016-12-22 16:45:48 -08:00
Mark Otto
49315dc16d redo image section for intros and subheadings 2016-12-22 16:44:54 -08:00
Mark Otto
85525e2940 retitle nav section 2016-12-22 16:44:39 -08:00
Mark Otto
3f5c0a884a update alignment section with widths 2016-12-22 16:44:33 -08:00
Mark Otto
3cc23e9747 redo sizing section with utils and grid callouts 2016-12-22 16:44:12 -08:00
Mark Otto
4b88284b5a redo the supported content section entirely to give it sub sections 2016-12-22 16:43:21 -08:00
Mark Otto
503c4da10a redo docs intro for the example 2016-12-22 16:41:56 -08:00
Mark Otto
5d592d16db switch from block to flex
add flex direction too
2016-12-22 16:41:28 -08:00
Mark Otto
050716903f remove default bottom margin on cards
use utils instead
2016-12-22 16:41:11 -08:00
Mark Otto
8d3b40211b move the card-block flex action up to all card-blocks
this allows us to easily scale card blocks in groups and decks, without repeating it in our css
2016-12-22 16:40:58 -08:00
Mark Otto
390a2a6c60 remove commented out code 2016-12-22 16:40:19 -08:00
Mark Otto
0873fccd63 comment typo 2016-12-22 16:39:23 -08:00
Mark Otto
2c48655d07 fix comment 2016-12-22 16:39:18 -08:00
Mark Otto
cd2584870e add card column margin variable instead of relying on a default card margin
this assumes no margin on the .card to start (which will follow in a later commit)
2016-12-22 16:39:11 -08:00
Mark Otto
246151aa12 add card column count variable 2016-12-22 16:38:22 -08:00
Mark Otto
5f40770d19 Rename card column gap variable 2016-12-22 16:38:09 -08:00
Mark Otto
d4217ea137 New width and height utils
Adding 25%, 50%, and 75% to the mix for later use with cards
2016-12-22 16:37:18 -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
0ec049d222 grunt 2016-12-22 13:52:33 -08:00
Mark Otto
d86a1dbfd4 redo custom docs navbar 2016-12-22 13:48:07 -08:00
Mark Otto
bb97ae18f7 streamline example navbars by removing .hidden-* classes on togglers 2016-12-22 13:48:07 -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
c858af7932 couple more utils 2016-12-22 13:48:07 -08:00
Mark Otto
e37a57a34d more example fixes 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
f041fb7373 migrate some notes on over here 2016-12-22 13:48:07 -08:00
Mark Otto
df566160e7 put new toggler markup to use 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
0677b6b18c even more utils for forms 2016-12-22 13:48:07 -08:00
Mark Otto
567a289137 more margin utils on forms 2016-12-22 13:48:07 -08:00
Mark Otto
4750c5a7b4 make sure all nav demos for the navbar are using toggleable-* classes for proper responsive styles 2016-12-22 13:48:07 -08:00
Mark Otto
67dc3b0702 dedupe ids 2016-12-22 13:48:07 -08:00