Mark Otto
b5c50d4aff
reduce .media styles to their bare minimum
...
Sets minimum required flex styles (including an explicit starting alignment) and removes everything else.
- no need for .media-left and .media-right, we have padding utils
- no need for a .media-heading, we have margin
- no need for .media-object, we have display utils
- no need for .media-list, we have .list-unstyled util
2016-12-22 21:29:48 -08:00
Quy
615072e4c9
Rename Tags to Badges in comments
2016-12-22 21:28:43 -08:00
Mark Otto
94bd6b76be
Merge branch 'flex-cards' into v4-dev
2016-12-22 21:27:54 -08:00
Mark Otto
4b62a93906
ugh
2016-12-22 21:20:47 -08:00
Mark Otto
5b2d9f95d5
grunt
2016-12-22 21:19:12 -08:00
Mark Otto
f297282833
typo
2016-12-22 21:18:33 -08:00
Bardi Harborow
ba86c314a4
Move scss-lint to npm scripts.
2016-12-23 14:26:04 +11:00
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
