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
Mark Otto
6e61830633
update justified nav to use justified navbar; remove safari bug warning given flexbox implementation
2016-12-22 13:48:07 -08:00
Mark Otto
635c1ce06e
fix carousel navbar
2016-12-22 13:48:07 -08:00
Mark Otto
cfdc66a342
fix sticky footer example navbar
2016-12-22 13:48:07 -08:00
Mark Otto
802de24a4a
fix up navbar top and fixed top examples
2016-12-22 13:48:07 -08:00
Mark Otto
a6ce3aba5c
redo album navbar with new styles
2016-12-22 13:48:07 -08:00
Mark Otto
d236041748
make more examples responsive
2016-12-22 13:48:07 -08:00
Mark Otto
2ea7feb9cc
remove
2016-12-22 13:48:07 -08:00
Mark Otto
5c76cbea77
remove now unneeded collapse section
2016-12-22 13:48:07 -08:00
Mark Otto
562bcd9380
fix colors
2016-12-22 13:48:07 -08:00
Mark Otto
fd79471e8a
override pos-f-t in examples
2016-12-22 13:48:07 -08:00
Mark Otto
17dca54278
add responsive behaviors section
2016-12-22 13:48:07 -08:00
Mark Otto
93fabfa7a4
update responsive behavior in demo
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
