Mark Otto
424f969d1c
Update bootstrap-reboot.scss
2016-12-27 14:16:25 -08:00
Mark Otto
4482503237
move custom down so folks can reassign var values and use other vars
2016-12-27 14:16:25 -08:00
Starsam80
31ac81e5ba
Add more flex utilities
2016-12-26 13:06:53 -08:00
Quy
88a6b1c3d4
Rename tags to badges in comments
2016-12-26 13:06:34 -08:00
Mark Otto
8c90008098
Fixes #20586
...
Use pixels instead of rem units for focus box-shadow on custom controls so that IE11, Edge, and Win FF screw it up less
2016-12-25 15:48:44 -08:00
Mark Otto
96986bb4a3
Use calc() on .col-form-label padding calculations
...
Fixes #21135 .
There's a height mismatch here because we're setting padding on the labels, while inputs get padding *and* a top+bottom border. This now uses calc to determine the exact height needed to match labels to inputs.
2016-12-25 15:48:44 -08:00
Mark Otto
04d48ba504
Replaces #21270 with proper fix
...
Rather than overriding this just on inline form examples, this should be for all static form controls to match inputs.
2016-12-25 15:48:44 -08:00
Mark Otto
4cd426963b
vertically center .form-group contents in inline forms
...
fixes broken inline form example mentioned in #21407
2016-12-25 15:48:44 -08:00
Mark Otto
30fd1590d3
use flex and direction to do the stacked controls instead of float hacks
...
This also fixes #21280 . Previously, we were using float and clear on the individual controls, but that meant a computer height of `0` for the parent `.custom-controls-stacked`. No more problem after using flexbox though.
2016-12-25 15:48:44 -08:00
Mark Otto
82061b25c4
move custom checks/radios to inline-flex
2016-12-25 15:48:44 -08:00
Starsam80
c2e5eb1542
Use variables for the width/height classes
2016-12-25 15:32:34 -08:00
Starsam80
210050d9c9
Clean up _spacing.scss a little bit
2016-12-25 15:32:34 -08:00
Starsam80
7fdedbd5e6
Remove some leftover IE9/flex stuff
2016-12-25 15:32:34 -08:00
Mark Otto
7d05c222f8
linting
2016-12-25 15:28:44 -08:00
Mark Otto
eb19def798
flex the footer and include some margin magic
...
- we need to set margin for space between footer buttons as flexbox doesn't render HTML spaces like inline-block does
- flexbox doesn't have collapsing margins or anything, so we hack it with some :not(:first-child) and :not(:last-child) action
2016-12-25 15:28:44 -08:00
Mark Otto
33746dc63e
flex the modal header so we can remove custom styles
...
updates the dom order in our docs to match (floated content comes first, but no need for that in flexbox)
2016-12-25 15:28:44 -08:00
Mark Otto
e7f8ca08b0
No need to override a margin-top that never was set; only specify margin-bottom override
2016-12-25 15:28:44 -08:00
Mark Otto
31b9d93ffd
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
2016-12-25 15:28:44 -08:00
Mark Otto
c214aa32d0
darker border on modal header
2016-12-25 15:28:44 -08:00
Mark Otto
103cae2333
trailing space
2016-12-25 14:03:50 -08:00
Mark Otto
dcd4a63e4e
line break for sanity
2016-12-25 14:03:50 -08:00
Mark Otto
bab4f1ef3c
add my-auto and m-auto
2016-12-25 14:03:50 -08:00
Mark Otto
4f85513608
responsive auto margin classes
2016-12-25 14:03:50 -08:00
Mark Otto
43c206d6ff
add mr-auto and ml-auto for some flex shiz
2016-12-25 14:03:50 -08:00
Mark Otto
56c63aa6b8
Fixes #18228 : Don't use transparent
for bottom border, use bg color
2016-12-25 00:57:17 -08:00
Mark Otto
d5784d811b
rip numbers
2016-12-24 14:21:04 -08:00
Quy
78ee9f3c3e
Update toc numbering ( #21422 )
2016-12-24 14:21:04 -08:00
Mark Otto
991f2468d0
remove unused media vars, update numbers (oof) /cc @Quy
2016-12-24 14:21:04 -08:00
Mark Otto
d93991b1c5
remove unused utils, comment
2016-12-24 14:21:04 -08:00
Mark Otto
9d13fd3fe3
remove old flex utils, update docs to match
2016-12-24 14:21:04 -08:00
Mark Otto
574c3119f3
duplicate of the .flex-fill util
2016-12-24 14:21:04 -08:00
Mark Otto
5464f4ab7e
Start to blow out and document more flexbox utilities
...
- Adds new flexbox.md file to utilities docs
- Adds a `breakpoints.yml` data file for easier output of responsive classes in the docs. Will put this to use on other pages soon.
- Adds hella flex utils. There are some dupes for now, but they'll get removed in time.
2016-12-24 14:21:04 -08:00
Mark Otto
e4933c72da
fix incorrect class name for inline-flex
2016-12-24 14:21:04 -08:00
Mark Otto
d9baeeb0af
Change up the "justified" nav options
...
Given move to flexbox, we can make this available for everyone and clean it up some.
- Simplifies the `.nav-justified` styles to build on the flex-powered `.nav` base class.
- Adds the `.nav-fill` to make nav links fill available horizontal space, but not equal width.
2016-12-24 14:21:04 -08:00
Mark Otto
699d8a5a80
Make .nav flex-powered
...
- Set an explicit `display: flex` on the base `.nav` class and remove the floats/clearfixes from our navs.
- Set some global styles for `.nav-link`, a departure from the previous solution that featured no predefined padding.
- Move `.nav-link` from `inline-block` to `block` given this setting was added for our tabs and pills anyway.
- Remove horizontal margin from nav tabs; let folks set that on their own from now on.
2016-12-24 14:21:04 -08:00
Mark Otto
66c87cb7ca
Undo #21171 (which closed #20977 )
...
Turns out we did have the correct height calculation with our custom selects. The problem was we lacked a shared line-height with our buttons and inputs.
This restores the previous `calc` math and adds a line-height that reuses the input line-height.
2016-12-24 14:21:04 -08:00
Mark Otto
95ee9aa94c
small unrelated addition—adds .d-flex-inline util
2016-12-22 21:29:48 -08:00
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
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
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
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
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
Mark Otto
875c24395c
remove unused vars
2016-12-04 21:55:24 -08:00
Mark Otto
990db2496f
rip responsive styles; they're unnecessary and likely require overriding anyway
2016-12-04 21:55:02 -08:00
Mark Otto
1abe4c83a8
redo control icons to use open iconic svgs inlined
2016-12-04 21:54:45 -08:00
Mark Otto
d157fcebba
rename control left and right to prev and next; simplify styling by removing gradient
2016-12-04 21:54:04 -08:00
Mark Otto
5c93cb7c81
code comment
2016-12-04 21:39:54 -08:00
Mark Otto
8f06eebe44
rename and un-nest icons
2016-12-04 21:39:46 -08:00
Mark Otto
c2c4b5ba76
remove comment
2016-12-04 21:39:27 -08:00
Mark Otto
1e3ec89355
Merge branch 'v4-dev' into carousel
2016-12-04 21:05:19 -08:00
Mark Otto
306f75216d
Move margin from adjacent selector to right on the .custom-control for better responsive rendering ( #21295 )
2016-12-04 20:42:12 -08:00
Mark Otto
6782dd6e92
nuke the text-shadow
2016-12-04 20:37:30 -08:00
Mark Otto
fd87c19e79
linting
2016-12-04 20:27:33 -08:00
Mark Otto
6d28f07582
redesign indicators
2016-12-04 20:14:33 -08:00
Mark Otto
ba329cfd6a
redo css more
...
- fix naming of left/right controls
- drop the absolute positioning of things and rely on only 3d transforms
- remove img styles and require classes to avoid inline-block line-height stuff
2016-12-04 19:52:49 -08:00
sophiegit
eeb49651c6
Update bootstrap/scss/mixins/_breakpoints.scss ( #21285 )
...
grid-breakpoint for sm is 576px
https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss#L186-L192
1._breakpoints.scss
comment says that grid-breakpoint for sm is 544px,
2.http://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints
current document says that grid-breakpoint for sm is 544px,
but it should be 576px
2016-12-04 16:46:07 -08:00
Chris Rebert
f1b732031e
Reboot: Update <fieldset> comment to clarify that the default weirdness is part of the standard. ( #21261 )
...
Refs https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
[skip sauce]
2016-12-02 09:57:22 -08:00
Chris Rebert
1fb6d8c46a
Reboot: Add direct link to Edge scrollbar bug
...
Refs https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7165383/
[ci skip]
2016-11-30 21:43:42 -08:00
Chris Rebert
2404fec198
Reboot: Link directly to the temporal inputs WebKit bug
...
Refs https://bugs.webkit.org/show_bug.cgi?id=139848
[ci skip]
2016-11-30 21:37:45 -08:00
Brad Kent
8250bd1b21
Fix #20936 make inline checkbox/radio markup same as stacked ( #20995 )
...
* #20936 make inline checkbox/radio markup same as stacked
* tweak language and remove extra blank line in snippet
2016-11-28 20:56:49 -08:00
Mark Otto
af937836d9
Fix #20908 ( #21244 )
...
Remove the border-bottom from abbr elements since that's covered with an underline in Normalize.css. Updates the docs to match and tweaks some code comments, too.
2016-11-28 20:26:28 -08:00
Florian Schlittenbauer
959c4e527c
Fix incorrect select height calculation ( #21171 )
2016-11-28 13:33:11 -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
Mark Otto
2f9a94caac
Inverse card improvements ( #21242 )
...
* Add a color to .card-inverse to account for non .card- prefixed classes
* reword the docs to better articulate what the class does
2016-11-28 13:22:51 -08:00
Mark Otto
23866efbb1
Fix #20013 , nullify #21112 ( #21230 )
...
Add padding to dismiss button for alerts and use position to place it. Removes extra padding on .alert-dismissible's right side, too. We could probably further simplify these things in the future as well.
2016-11-27 23:59:21 -08:00
Mark Otto
35133f86c8
Follow up to #21052 to match small pagination links with small buttons
2016-11-27 23:39:46 -08:00
Stefan Staynov
0051be1657
Set line-height for page-links ( #21052 )
2016-11-27 23:37:36 -08:00
Cyril Kyburz
f995a8be1e
Add alert-margin-bottom variable ( #21064 )
2016-11-27 23:21:09 -08:00
Rodrigo Waltenberg
c5c1bfec01
Made card header and footer's background transparent on .card-inverse ( #21111 )
...
Solves issue #18946
2016-11-27 23:12:03 -08:00
Starsam80
08e36a3cc9
Rename .col-xs
to .col
+ some other cleanup ( #21222 )
...
* Use `breakpoint-min` instead of a counter
* Remove 'xs' from flexbox grid
2016-11-27 22:47:00 -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
869bd23937
Update clearfix mixin ( #21224 )
...
* Update clearfix to use block instead of table display (also reorder properties for linting)
* update docs snippet for clearfix mixin—was apparently still using Less syntax and had old clearfix hack (even before the block change in this PR)
2016-11-27 17:05:29 -08:00
Mark Otto
585516db95
Add max-width 100% and max-height 100% utilities ( #21221 )
2016-11-27 16:31:31 -08:00
Starsam80
8d031090d0
Rename .flex-xs-*
and .flex-items-xs-*
to .flex-*
and .flex-items-*
( #21218 )
...
* Clean up _flex.scss a little
This commit just cleans up the formating of _flex.scss by changing
it so that it uses a single `@include media-breakpoint-up` instead
of multiple. It also aligns all of the CSS properties so it looks
a bit nicer.
* Remove `-xs` from flex classes
2016-11-27 15:19:27 -08:00
Starsam80
94be2d2254
Remove redundant media queries ( #21220 )
2016-11-27 15:18:46 -08:00
Starsam80
b1e8d60348
Remove 'xs' from text utilities ( #21217 )
2016-11-26 20:33:46 -08:00
Mark Otto
eb5ad730ee
update scss linter to allow multiple spaces before on single line
2016-11-26 20:33:22 -08:00
Mark Otto
23301b21cd
Remove most border-radius properties and instead use overflow: hidden; to properly round corners of a full progress bar. ( #21216 )
...
Fixes #19065 .
2016-11-26 18:46:46 -08:00
Mark Otto
d50fc038c5
Update comment for use of IE9 hack to fix #18082
2016-11-26 17:31:10 -08:00
Mark Otto
e17e75b757
Update inline forms (updated docs and new flexbox styles) ( #21212 )
...
* fix form-inline with flex enabled
* grunt
* fix alignment of labels
* shorter if syntax
* add new form example to docs for now
* update inline form docs usage guidelines
* responsive margins
* better margin utils
* fix sizing of .form-check
* flexbox alignment of .form-check
* no need to change direction
* support custom controls in inline form, for default and flex modes
* add example of custom select and checks to docs
* remove hidden and visible label variants since we cover that in the usage guidelines at the start and include hidden labels everywhere
* use property value instead of layout name
* apply to all labels
* add a visible label, space it out
* add id
2016-11-26 16:55:18 -08:00
Ken Dale
dc52029bea
Add .rounded-0 utility class ( #21214 )
...
* Add rounded-0 class
2016-11-26 16:47:53 -08:00
Mark Otto
095ea0b795
Border utilities ( #21213 )
...
* grunt
* add border utilities for removing borders
* clean up comments
* add basic border docs
* docs styles for border utils
2016-11-26 16:44:16 -08:00
Mark Otto
ec5e7e5e5a
Add .no-gutters option to remove gutters from rows ( #21211 )
...
Fixes #19107 .
2016-11-26 12:13:15 -08:00
Mark Otto
8ef1d93d0c
Merge pull request #21205 from twbs/navbar-disabled
...
v4 disabled navbar links
2016-11-26 02:03:46 -08:00
Mark Otto
b9947152c6
Merge pull request #21208 from twbs/table-responsive-docs
...
Update .table-responsive
2016-11-26 02:03:12 -08:00
Mark Otto
b88c32cf17
uncomment autohiding scroll and remove commented out border
2016-11-26 01:47:16 -08:00
Mark Otto
410b7dd5e8
update comment
2016-11-26 01:46:11 -08:00
Mark Otto
5ab99abd97
prevent double border on responsive .table-border
2016-11-26 01:44:06 -08:00
Mark Otto
8cd29af7ee
Merge pull request #21203 from twbs/conditional-transition-animations
...
Wrap .fade and .collapsing transition properties in $enable-transitions
2016-11-26 01:27:54 -08:00
Mark Otto
abbc2b7c93
Merge branch 'v4-dev' into modal-sizes
2016-11-26 01:04:51 -08:00
Mark Otto
ea2e4203a5
Merge pull request #21206 from twbs/gray-lightest
...
Update use of $gray-lightest variable
2016-11-26 00:52:52 -08:00
Mark Otto
d82d04fd6d
decrease size of modal-md and modal-lg to ensure fitting in responsive layouts
2016-11-26 00:47:33 -08:00
Mark Otto
cc737d6faf
change instances of hardcoded lightest gray to sass variable -lightest
2016-11-26 00:23:49 -08:00
Mark Otto
559902ad54
change uses of #f5f5f5 to -lightest
2016-11-26 00:22:49 -08:00
Mark Otto
4fc526f24a
add disabled classes to light and dark navbar nav-links
2016-11-26 00:19:13 -08:00
Mark Otto
23664d3a90
fix nesting and syntax error
2016-11-25 23:43:12 -08:00
Mark Otto
ef818c0799
Start renaming carousel classes
...
- Un-nests .carousel-item
- Appends .carousel-item- to .left, .right, .next, and .prev
- Chain .carousel-item to .active where approproriate
2016-11-25 23:42:16 -08:00
Mark Otto
308bc77dbb
Update bootstrap-grid.scss to include box-sizing and responsive changes ( #21202 )
2016-11-25 23:03:07 -08:00
Mark Otto
3154c0585a
re-enable transitions (which according to the options.md doc is the default)
2016-11-25 22:08:51 -08:00
Mark Otto
6e16a6b40a
Wrap .fade and .collapsing transition properties in -transitions
2016-11-25 22:06:40 -08:00
Mark Otto
d315c9499d
v4: Flexbox nav options ( #21201 )
...
* Add some flexbox nav components
- Includes .nav-justified for inline, tab, and pill nav components
- Includes example of using the flex utils (.d- and .flex-items-) for centered nav
* redo heading hierarchy a bit
2016-11-25 17:46:13 -08:00
Mark Otto
76907b8b1e
v4: Miscellaneous color changes ( #21199 )
...
* Darken dismiss icon opacity
* Darken text on active list group items
* Darken light gray for accessibility/contrast, then update gray and dark gray to match
2016-11-25 16:03:13 -08:00
Chris Rebert
3593ee85c1
Add @supports feature query for Carousel CSS 3D transforms; fixes #15534 ( #19751 )
...
[skip sauce]
[skip validator]
2016-11-25 14:51:55 -08:00
Mark Otto
5b4d5595ab
Merge pull request #21133 from bardiharborow/normalize
...
Update Normalize to v5.0.0.
2016-11-25 14:10:46 -08:00
Mark Otto
fa5572b273
Merge pull request #21187 from twbs/fix-21094
...
Fix pagination underline
2016-11-25 13:53:36 -08:00
Bardi Harborow
0f391965cd
Update Normalize to v5.0.0.
2016-11-24 12:08:25 +11:00
Mark Otto
4332a5cc02
Merge pull request #21068 from twbs/list-group-border-color
...
switch to rgba for list-group border color
2016-11-23 11:45:11 -08:00
Mark Otto
7124388fdb
Merge pull request #21118 from Elliot-Evans-95/v4-dev
...
renamed modal-title-padding to modal-header-padding
2016-11-23 11:39:23 -08:00
Mark Otto
c13215d038
Fixes #21094 : Move text-decoration override from the default link state to the hover/focus state so it can override the global styles properly
2016-11-23 11:37:56 -08:00
Mark Otto
6910516d2c
Merge pull request #21086 from ETNOL/feature/OmitXsFromGrid
...
Feature/omit xs from grid
2016-11-16 20:37:51 -08:00
Bardi Harborow
794136f191
Change .tag print styles to .badge.
2016-11-13 12:32:07 +11:00
Elliot Evans
7f05cb9e94
renamed modal-title-padding to modal-header-padding
2016-11-10 22:37:20 +00:00
Patrick H. Lauke
2b73773953
Scope ::first-letter selector for print styles
...
`*::first-letter` causes problems in IE11 - only prints first page of a
multi-page document
2016-11-06 21:02:29 +00:00
Eric Nolte
9402be4d44
Update grid mixins to omit lowest breakpoint
...
The new breakpiont-limited class pattern is to omit the breakpoint size when using the lowest size eg. col-xs-12 to col-12. This commit implements this pattern to the grid system.
2016-11-04 10:47:23 -06:00
Mark Otto
ffaad0a819
Responsive display utilities ( #20934 )
...
* Explore responsive display utils, but with a twist: lowest breakpoint has no breakpoint modifier in the class name
* make floats use the same format, add float-none mixin
2016-10-31 21:27:56 -07:00
Mark Otto
f734814f6b
Make spacer utils responsive ( #20926 )
...
* make spacer utils responsive by grid tier
* update scale to add two levels, document them
* change responsive spacing utils to avoid the xs abbreviation in the class name for that tier
* update code snippet to match source
* update usage in our docs
* linter
* docs updates
2016-10-31 21:13:05 -07:00
Alberto Roura
5616e62093
Use variable names for form focus borders ( #21050 )
2016-10-31 09:12:00 -07:00
Mark Otto
b718b71627
Merge branch 'v4-dev' of github.com:twbs/bootstrap into v4-dev
2016-10-30 14:48:42 -07:00
Mark Otto
8c0e1f32b6
trailing whitespace
2016-10-30 14:48:35 -07:00
Catalin Zalog
5099a60ffe
Fix input group sizing in Firefox
...
Firefox requires a width and flex-basis value to size the input field correctly. Despite the width being 1%, the input will size correctly at all parent widths.
http://codepen.io/zalog/pen/bpMJmv
2016-10-30 14:43:10 -07:00
Mark Otto
e11e6ec913
Merge branch 'v4-flex-list-group' of https://github.com/rosskevin/bootstrap into rosskevin-v4-flex-list-group
2016-10-30 13:49:46 -07:00
Mark Otto
864343a3cc
Merge branch 'v4-dev' of https://github.com/HMUDesign/bootstrap into HMUDesign-v4-dev
2016-10-30 13:38:44 -07: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
cfd6e92ff6
include .col-form-label in the form validation field mixin
2016-10-28 16:35:47 -07:00
Mark Otto
ccb5248205
Merge branch 'issue19217' of https://github.com/alberto/bootstrap into alberto-issue19217
2016-10-27 22:28:24 -07:00
Mark Otto
20178076ee
Merge pull request #19915 from zalog/patch-9
...
Zero out the default margin-bottom on label.custom-file
2016-10-27 22:20:26 -07:00
Mark Otto
9d011a8a6f
Merge pull request #20101 from heath3/patch-1
...
Re-use 'between' mixin for 'only' mixin
2016-10-27 22:17:48 -07:00
Mark Otto
bc076d71b3
follow up to #20441 : move file to correct place
2016-10-27 22:11:19 -07:00
Mark Otto
34d88c79e6
Merge pull request #20225 from morishitter/v4-dev
...
Add some properties to the list of property order in .scss-lint.yml
2016-10-27 22:09:10 -07:00
Mark Otto
8f0429973d
Merge pull request #20441 from cortopy/visibility-mixin
...
Visibility mixin
2016-10-27 22:06:47 -07:00
Mark Otto
2df2efc1fb
Merge pull request #18851 from ju1ius/patch-1
...
Don't clearfix if flexbox is enabled. Fixes #18849
2016-10-27 21:58:14 -07:00
Mark Otto
1e06ae1bfe
switch to rgba for list-group border color
...
matches the card border-color, fixes #20129
2016-10-27 21:29:09 -07:00
Mark Otto
d23163a483
Merge pull request #21032 from twbs/flexbox-input-group
...
Proper input group sizing and alignment in flexbox mode
2016-10-27 21:23:48 -07:00
Mark Otto
f655343ac9
Merge pull request #21033 from twbs/label-less-custom-controls
...
Add a min-height: 1.5rem; to custom controls
2016-10-27 21:23:04 -07:00
Mark Otto
4a05116020
Merge pull request #21034 from twbs/better-custom-control-alignment
...
Calculcate the top offset for custom control indicators
2016-10-27 21:22:24 -07:00
Mark Otto
6608b2a9ee
Merge branch 'v4-dev' of github.com:twbs/bootstrap into v4-dev
2016-10-27 20:04:04 -07:00
Mark Otto
61b01f9b28
Merge branch 'patch-1' of https://github.com/tomhorvat/bootstrap into tomhorvat-patch-1
2016-10-27 20:02:59 -07:00
Mark Otto
020a8c6918
Merge pull request #20734 from beausmith/button-outline-variant
...
Remove hard-coded value in button-outline-variant
2016-10-27 19:58:48 -07:00
Mark Otto
2dcc50f017
Calculcate the top offset for custom control indicators
...
Fixes #21023 .
Uses some math functions to determine what the offset should be. This is helpful for those who customize the size of their indicators and still want them vertically centered.
2016-10-27 14:41:12 -07:00
Mark Otto
1421ca5b87
Add a min-height: 1.5rem; to custom controls
...
Fixes #20730 .
This change computes the minimum needed height of what a single line of text would be for the custom checkboxes/radios. This is required because our custom control indicators are positioned absolutely, meaning they cannot be clearfixed or anything like that. Using a computed value means it should scale nicely in case of customization
2016-10-27 14:32:56 -07:00
Mark Otto
78c9757236
property order
2016-10-27 13:46:16 -07:00
Mark Otto
259a420d70
Ensure proper sizing of and alignment of content within input group addons and buttons
...
Fixes #20927 .
2016-10-27 13:40:55 -07:00
Mark Otto
e2068d0e53
Merge branch 'auto-flex-col' of https://github.com/alanmoo/bootstrap into alanmoo-auto-flex-col
2016-10-27 09:41:33 -07:00
Mark Otto
115a37db1a
Change variable for modal backdrop zindex, rearrange to be ordered from lowest to highest
2016-10-27 09:31:38 -07:00
Mark Otto
52c84a1cb6
Merge pull request #20938 from JPeer264/feature/sass-doc
...
Docs: Sass Variables Table of Contents
2016-10-26 21:20:25 -07:00
Mark Otto
261ed70a18
Merge pull request #21019 from Starsam80/fix-collapse
...
Rename .in to .active to fix collapse
2016-10-26 21:14:16 -07:00
Mark Otto
d9fa3fd797
Rename .tag to .badge to avoid conflicting with WordPress
2016-10-26 18:33:58 -07:00
Starsam80
aa08274d24
Rename .in to .active to fix collapse
2016-10-26 17:24:46 -06:00
Mark Otto
aa11f00218
Merge pull request #20982 from Johann-S/fix19344
...
Fix #19344 - Use a single class name for opened/expanded/shown state of widgets
2016-10-25 19:57:51 -07:00
Mark Otto
2eaef44edd
Merge pull request #20951 from sbaechler/font-weights
...
Use a variable for the default font weights. Fixes #20741
2016-10-25 19:55:34 -07:00
Mark Otto
182a642b07
Merge pull request #20903 from Starsam80/fix-20395
...
Remove borders on the top and/or bottom when .list-group-flush is the first and/or last child
2016-10-25 19:52:14 -07:00
tomhorvat
e5bb0c40f4
Body font weight variable
2016-10-25 15:05:51 +02:00
Johann-S
9d129a43d6
Use a single class name for opened/expanded/shown state of widgets
2016-10-25 14:07:41 +02:00
Patrick H. Lauke
f93df8dccd
Merge pull request #20962 from patrickhlauke/v4-fix-unescaped-hash-data-urls
...
Fix unescaped `#` in SVG data URLs
2016-10-25 12:31:29 +02:00
Mark Otto
a3bc24abc4
Merge pull request #20973 from pixelbandito/container-gutter-breakpoints
...
Container padding uses per-breakpoint gutter sizes, fixes #19304 .
2016-10-24 21:49:26 -07:00
Mark Otto
b0d61474e8
Merge pull request #20957 from kukac7/patch-1
...
duplicate navbar-toggler-padding variables
2016-10-24 20:49:14 -07:00
Chris Garcia
e1fefe6065
Container padding uses per-breakpoint gutter sizes, fixes #19304 .
2016-10-22 00:06:41 -05:00
Pierre-Denis Vanduynslager
6eb2e54a91
Use box-shadow mixin
2016-10-20 16:35:45 -04:00
Pierre-Denis Vanduynslager
7a21517a48
Set box-shadow on input if enable-shadows rather than enable-rounded
2016-10-20 14:29:20 -04:00
Patrick H. Lauke
85531fd9fb
replace #
with %23
in SVG data urls with str-replace
2016-10-20 18:27:11 +01:00
Patrick H. Lauke
b2fe9743cc
Add str-replace Sass function
2016-10-20 18:26:36 +01:00
Alan Mooiman
e22b0df8b2
Create col class for auto flexbox columns
...
.col-xs-auto, .col-sm-auto, etc.
2016-10-20 13:08:00 -04:00
béla
dd1b9eeef8
duplicate navbar-toggler-padding variables
2016-10-20 11:31:30 +02:00
Simon Bächler
8402d2321f
Use a variable for the default font weights. Fixes #20741
...
Websites might use different weights such as medium or thin or use light as default weight instead of normal.
Also referenced: #18605 and #16170 .
2016-10-19 21:41:27 +02:00
Mark Otto
8ff7edaab4
version bump to alpha 5
2016-10-19 08:27:41 -07:00
JPeer264
088b164a23
updated sass variables table of contents
2016-10-19 10:17:55 +02:00
Mark Otto
028dd6bd48
Merge pull request #19890 from twbs/v4-navbars
...
v4: Navbar improvements
2016-10-19 00:59:51 -07:00
Mark Otto
16947ffa88
Merge pull request #20933 from twbs/alert-padding-vars
...
Switch to separate vars for alert vertical/horizontal padding
2016-10-18 23:42:16 -07:00
Mark Otto
271f10f74f
Merge branch 'v4-dev' into v4-navbars
2016-10-18 20:03:49 -07:00
Mark Otto
6321f9342e
Switch to separate vars for alert vertical/horizontal padding
2016-10-18 19:18:06 -07:00
Mark Otto
62a129184d
Add vertical-align utilities
...
- Adds six new utils for vertical-align property
- Documents the additional classes in the utils docs
2016-10-18 19:15:58 -07: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
247ad23e97
Merge branch 'v4-navbars' of github.com:twbs/bootstrap into v4-navbars
2016-10-16 19:46:55 -07:00
Mark Otto
b4cdccba84
Merge branch 'v4-dev' into v4-navbars
2016-10-16 19:46:47 -07:00
Mark Otto
227f066650
Revert "Drop the $small-font-size variable for the newer $font-size-sm one"
2016-10-16 18:49:55 -07:00
Starsam80
9e5a02c606
Remove borders on the top and/or bottom when .list-group-flush is the first and/or last child
...
Fully fixes #20395
2016-10-15 14:12:19 -06:00
Mark Otto
9c8913c684
one more syntax error
2016-10-09 20:26:12 -07:00
Mark Otto
2fa3712054
fix syntax
2016-10-09 20:23:49 -07:00
Mark Otto
e7f79b32f2
Merge branch 'tooltip-arrow' of https://github.com/brnrdog/bootstrap into brnrdog-tooltip-arrow
2016-10-09 19:56:30 -07:00
Mark Otto
300cedfe8c
Set height on custom select
...
Matches the changes from #20874 to the regular select element. This is really only necessary for IE and Edge near as I can tell. Fixes #20810 .
2016-10-09 19:49:52 -07:00
Mark Otto
0c467e7b29
Match the height of select.form-control with input.form-control
...
Uses a local variable and some calc love to counteract the border-width (times 2) from the height of the select. Fixes #17194 and nullifies #19967 .
2016-10-09 18:04:30 -07:00