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

1804 Commits

Author SHA1 Message Date
Mark Otto
caebfcd246 Fix justified nav styles and update nav docs for fill/justify
- Justified and fill nav variants need .nav-item classes on the anchors in addition to .nav-link
- Fix broken styles for the .nav-justified class which wasn't actually doing what we needed it to
2017-03-19 15:47:34 -07:00
Mark Otto
e1c561a723 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-03-18 16:30:24 -07:00
Mark Otto
ec8c251928 fixes #21584
- revert back to display block for list items to prevent unwanted behaviors
- fixes a handful of other linked issues (see main thread)
- updates docs to include more utilities for the one example
2017-03-18 16:30:12 -07:00
Theriault
6f42daf747 Add :empty to .custom-file-control selector (#22176)
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control"></span></label>
VS
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control">test.txt</span></label>
2017-03-18 13:23:10 -07:00
naicko
890c6041f3 Update scss mixins to comply with scss-linting rules (#22151)
* Fixed some linting issues

* Run npm tasks after scss cleanup

* Revert "Run npm tasks after scss cleanup"

This reverts commit 1103a0da68.

* Property sort order for grid

* Let's respest the property order in the mixins

* Respect property sort order in reboot file

* ::-ms-expand is a vendor-prefix, add it to the scss-lint disable

* Revert hover mixin comment

* Fixed missing mixin hover-focus
2017-03-18 13:06:05 -07:00
Mark Otto
08984ac8cd Remove the outline override from dropdown toggles
fixes #17573
2017-03-12 18:26:53 -07:00
Dominic Watson
b3aa5ec360 Use btn-$variant-color variables for outlined btns (#22164)
Despite now having the ability to override outline-variant color, it's not actually being used so each are still #fff

Related: https://github.com/twbs/bootstrap/pull/20734
2017-03-12 18:25:56 -07:00
Starsam80
95f37e4c40 Clean up spacers a bit more 2017-03-05 16:05:12 -06:00
Mark Otto
9a93671b75 Move box-shadow and transition mixins out of the main mixins file and into their own files 2017-03-05 12:40:01 -08:00
Mark Otto
4778190d78 Drop the .hidden and .visible classes, save for the print ones
— Moves print display utils to display utils file
— Removes all other .hidden- utils
— Expands on .invisible and it's mixin to provide options for visibility: visible and visibility: hidden
2017-03-05 12:25:41 -08:00
Mark Otto
ed1de86794 Update spacer utilities (#22123)
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
2017-03-05 12:20:44 -08:00
Catalin Zalog
70a57902ce Change sticky order (#22027)
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Rutger Laurman
0a997795b4 Fix border width calculation for custom-select (#22068)
In addition to #22011 and #21994
2017-03-03 11:19:02 -08:00
Sean Beyer
e02597519a Remove 'hover' from nav-tabs-active-link-hover-color et al (#22087)
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Bardi Harborow
9bacc6715a Remove vendor prefixes from appearance: none. 2017-02-21 17:38:11 +11:00
Pierre Vanduynslager
3173a72083 Remove unused input-size mixin (#21971) 2017-02-11 21:16:16 -08:00
Mark Otto
d79b556373 Fixes #21814. Also accounts for custom file inputs. 2017-02-04 17:03:42 -08:00
Mark Otto
6b9265fc2d Add utilities/flex to the dedicated grid Sass bundle so folks can take advantage of the utilities for basic flex alignment 2017-02-04 15:57:21 -08:00
Mark Otto
09c7b1c582 Fixes #21908 2017-02-04 15:55:37 -08:00
Mark Otto
6aad73ac6d Remove random cursor: default from pill nav (#21835)
Fixes #21560. Pretty sure this wasn't intentional, so should be fine to remove.
2017-01-24 21:06:22 -08:00
Mark Otto
9d7d84e0b9 Allow button toolbars to wrap (#21826)
Fixes #21699
2017-01-24 20:43:33 -08:00
Sergey Kovalenko
bf7387aa42 Add align self to navbar brand (#21626) 2017-01-24 00:09:54 -08:00
Mark Otto
519ecc1c69 Rename order utilities to intended class names (#21739)
* rename order utilities to intended class names

* Documentation fixes.
2017-01-24 00:01:44 -08:00
Geremia Taglialatela
b509dbe75b Pixel perfect navbar toggler (#21821)
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Mark Otto
ea6390d513 Update _custom.scss imports in other builds (#21825)
- Correctly places the _custom.scss file first in the other two buids.
- Also removes the clearfix mixin from the grid build because flexbox yo.
2017-01-23 23:59:19 -08:00
Mark Otto
f18a4cdadd Allow flex-based navs to wrap like they used to (#21824) 2017-01-23 23:58:22 -08:00
Mark Otto
02e0fdbd52 Remove cursor: pointer; (#21812)
* Remove most of custom cursor: pointer; implementations

* turns out that's not so much of a thing
2017-01-23 22:15:28 -08:00
Mark Otto
4fa7749442 Drop Normalize, port relevant parts to Reboot (#21741)
* Get this party started by removing mention of Normalize.css

* Nuke the old comment, consolidate to a single line and number as appropriate

* Bring over styles for HTML element from Normalize to Reboot

* Move margin override for body element from Normalize to Reboot

* Drop the block reset for HTML5 elements in IE9- from Normalize given we dropped IE9 support

* Building on previous commit, do the same thing for figure, figcaption, and main

* Remove IE9- display from Normalize given our browser support

* Drop IE8 figure margin because we're IE10+

* No need for the h1 overrides because we reset these font and margin styles anyway in _type.scss already

* Drop Safari 6 b and strong normalization because we're Safari 8+

* Remove mark styles for IE9- from Normalize

* Remove old iOS audio fixes from Normalize

* Remove IE9- display for progress from Normalize

* Remove more IE9- rules from Normalize

* One more IE9- display removal for canvas element

* Move pre overrides from Normalize to Reboot

* Move over some link resets to Reboot, drop others

- Move over background-color and text-decoration
- Drop focus outline change given it affects the offset on hover of
focused links

* Move over more code element resets, consolidate with pre overrides, too

* Move over sub and sup wholesale

* Move over img normalization to Reboot

* Move over SVG override too

* - Drop dupe hidden, but add comment for it
- Move over template
- Move over summary

* Remove bulk of @viewport comment

* edit down that code comment

* consolidate html-based normalizations

* update comments

* Consolidate abbr styles

* move over more type elements

* move over hr changes

* move over form controls and more

* move over button resets

* move over firefox button changes

* move over search changes and more

* we nuke all these styles for fieldsets anyway, so outright remove them

* no need for those, we override them

* move over legend, fieldset, progress

* line break

* delete normalize file

* linting

* update comment

* clarify docs mentions of normalize and reboot

* remove normalize excludes from linter

* remove normalize excludes from cli task

* linting

* callout license since we forked part of normalize

* Improve comments, move table background reset to .table class instead of in reboot

* trailing space
2017-01-21 14:14:25 -08:00
Pierre Vanduynslager
9cf235508d Fix container within navbar on smallest breakpoint (#21722)
* Make container in navbar to occupy full width even on smallest breakpoint

* Fix typo in comment

* Apply fix only on smaller breakpoint

* drop the comment as chrome doesn't have a bug here
2017-01-21 13:06:00 -08:00
Mark Otto
eb361fa6c1 Progress line height (#21805)
* remove obvi comments

* proper fix for #21801

- ensures .progress-bar text is vertically centered should the height of the .progress-bar change by matching the line-height and height values
- we can't use flexbox here because the inner text of an element doesn't count as a flex item
2017-01-21 12:32:38 -08:00
Gijs Boddeus
12b22ebad6 fix segmented buttons (#21716)
* fix segmented buttons

changed flex-direction to row
centering is now done by align-items instead of justify-content

this way there is no need for flex property on the .btn inside .btn-group

* Update _input-group.scss
2017-01-21 12:25:24 -08:00
Dmytro Yarmak
ade657afee Fix gaps between vertical grouped buttons when using labels (#21793) (#21796) 2017-01-21 12:18:58 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c Remove list-group-item-heading and list-group-item-text (#21653) 2017-01-15 21:36:15 -08:00
Pierre-Denis Vanduynslager
a3bc607c10 Remove unused scss variables (#21579)
* Remove unused scss variables

* Remove unnecessary space

* Remove $zindex-navbar from docs

* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00
Christian Oliff
d7af46359b Remove filter: alpha(opacity = 0);
Not needed (and all other old IE filter attributes have been removed from the CSS. This was the only one remaining
2017-01-15 17:52:34 -08:00
Mark Otto
fc82352594 fixes #21625, closes #21539
don't set focus styles on the anchor, just set hover styles
2017-01-15 17:51:26 -08:00
Rishabh Rajgarhia
2f429fbd77 Update breakpoints in breakpoints.scss comments 2017-01-09 21:05:24 -08:00
Zulfiqar Ali
e7035aee3f _custom.scss should be the first include 2017-01-09 21:03:40 -08:00
Mark Otto
045888fa38 version bump 2017-01-06 08:38:04 -08:00
Quy
98e55484e7 Doc updates (#21542)
* Change it's to its.

* Fix links

* Fix typos
2017-01-05 14:24:40 -08:00
Phillip Marshall
1b194c0660 Custom Forms: Allow Chrome/Firefox feature that lets the user drag and drop into file inputs (#20033)
* Restored functionality of dragging files into .custom-file inputs.

* Replaced padding with height on .custom-file-input
2017-01-03 19:44:44 -08:00
Mark Otto
0ffd369afd clarify usage of base font-size so we know what's up 2017-01-03 19:32:57 -08:00
Mark Otto
bd38a2a218 Remove -size-root so we can respect user prefs on browser default font-size 2017-01-03 19:32:57 -08:00
Quy
2ea7e388e7 Drop .carete (#21525) 2017-01-03 19:31:27 -08:00
Mark Otto
1ed9f5db29 button groups should be inline-flex to match their button counter parts (inline-block currently) 2017-01-03 19:22:08 -08:00
Mark Otto
bd72b9593b Drop .table-reflow
Tried redoing this in flexbox, but it falls apart really quickly. Any changes in height of the cells throws it all off since the rows become columns (and thus, content across columns cannot be equally sized). Rather than implement something with such glaring flaws, I'm nuking it outright.
2017-01-03 13:11:25 -08:00
Quy
d82914fb2f Remove .navbar-divider 2017-01-02 15:32:26 -08:00
Mark Otto
2bf0bde470 remove magic dropdown positioning for fixed bottom; folks should set this as needed with .dropup modifier 2017-01-02 11:52:25 -08:00
Mark Otto
20b05e42e3 update rest of docs, remove navbar specific modifiers, fix docs example css 2017-01-02 11:48:51 -08:00
Mark Otto
21b28903a4 New position utils, split docs
- Renames .pos-f-t to .fixed-top, adds .fixed-bottom and .sticky-top
- Updates utilities Sass to be split across more files (one for position, sizing, and spacing)
2017-01-02 11:45:30 -08:00
Mark Otto
fa1ef15212 remove line break 2017-01-02 11:12:41 -08:00
Mark Otto
c386c5f5cb Remove .navbar-divider; it's undocumented and wasn't updated with the flexbox navbar updates, so it's kinda bunk right now 2017-01-02 11:12:24 -08:00
Mark Otto
48f452b000 fixes #21511: set line-height to 1.1 for display headings
- had to rearrange vars to re-use heading line-height
- align values while we're at it
2017-01-02 11:03:25 -08:00
Quy
28072f153c Update carousel comments (#21501) 2017-01-01 12:00:17 -08:00
Nuno Arruda
c767a00d5d Update copyright years to 2017 2017-01-01 12:56:11 +11:00
Mark Otto
22fcac2cea Rip out the tab-focus mixin, remove application to anchors in reboot 2016-12-31 12:47:03 -08:00
なつき
6a5a83e02c Fix responsive embed class in flex container 2016-12-31 12:10:15 -08:00
Mark Otto
a0141aa38e Rewrite progress component without <progress> element
- <progress> element didn't allow animation, labels overlaid, multiple bars, etc.

- Revamps CSS to use something more similar to v3's implementation

- Ditches variant mixin for `bg-` utils

- Rebuilds docs to match, including adding a new Height section for customizing that.

Only potential remaining todo is adding `.sr-only` instances to within the bar. Unsure if that's necessary.
2016-12-30 22:46:00 -08:00
Quy
f320ecee84 Drop IE9 comment 2016-12-29 10:17:11 -08:00
Mark Otto
d9fcdcfa76 add position relative to container
allows for better/easier positioning of elements within (e.g., a toggler in a navbar)
2016-12-28 19:09:20 -08:00
Mark Otto
b350e60e82 use align-items on .form-inline to keep items from growing too much (#21461) 2016-12-28 19:08:33 -08:00
Mark Otto
4449167f44 linting 2016-12-28 19:07:33 -08:00
Mark Otto
83d3e5545d add align-self to linter property order 2016-12-28 19:07:33 -08:00
Mark Otto
5310bb4c0f redo order of css, add contents at top
this was mad confusing for awhile
2016-12-28 19:07:33 -08:00
Mark Otto
a3f6d8afcb line break for readibility 2016-12-28 19:07:33 -08:00
Mark Otto
40e85012eb reflect nav changes here in the responsive views
- since we're column to start, need to set row.
- note that flex-direction cannot be inherited, so we have to set it twice.
- apply the horizontal padding again to .nav-link.
- remove the .nav-item styles (un-needed).
- remove previous .nav-link styles as they were un-nested and potentially problematic in old placement should someone mix more navs in here.
2016-12-28 19:07:33 -08:00
Mark Otto
b132d02f99 don't let the toggle grow when it's the only flex child 2016-12-28 19:07:33 -08:00
Mark Otto
cc6d9085f7 set the direction to column (aka, vertical) for mobile views 2016-12-28 19:07:33 -08:00
Mark Otto
952035f353 remove extra line break 2016-12-28 19:07:33 -08:00
Mark Otto
c8f63d6442 bring over styles from .nav for .navbar-nav
since we're no longer using the .nav as a base class, we need to bring over some base styles for redoing browser list styles and setting flex in motion.

also brings with it some .nav-link styling. we're still using this global class, but with this small modification for alignment of content in responsive modes.
2016-12-28 19:07:33 -08:00
Mark Otto
861cda109a drop the flex-grow: 10 in favor of auto margin utils 2016-12-28 19:07:33 -08:00
Pierre-Denis Vanduynslager
6fcf696570 Change last reference from tags over to badges. 2016-12-29 13:20:24 +11:00
Mark Otto
3d24364605 limit linter override to the affected ruleset 2016-12-28 15:13:43 -08:00
Mark Otto
41f7f6ec52 remove plain-hover-focus from navbar navs 2016-12-28 15:13:43 -08:00
Mark Otto
a9d899b115 update navs to use .show instead of .open for dropdowns 2016-12-28 15:13:43 -08:00
Mark Otto
d91481397e linting 2016-12-28 15:13:43 -08:00
Mark Otto
3fd9557cfd no need to float, but do set display: block;
this, coupled with the move to flex, fixes #20029
2016-12-28 15:13:43 -08:00
Mark Otto
79fd05d209 remove plain-hover-focus mixins 2016-12-28 15:13:43 -08:00
Mark Otto
bd6e047152 no need for cursor: default, since, well, it's the default 2016-12-28 15:13:43 -08:00
Mark Otto
c52049e5a7 add a comment here to explain some things 2016-12-28 15:13:43 -08:00
Mark Otto
e3d01a326b .page-item's don't need this anymore (they're flex items) 2016-12-28 15:13:43 -08:00
Mark Otto
e81aa62af6 remove default margin, allow folks to use utils instead 2016-12-28 15:13:43 -08:00
Mark Otto
645330a755 update pagination list reset styles 2016-12-28 15:13:43 -08:00
Mark Otto
c73bea60de move pagination to flexbox 2016-12-28 15:13:43 -08:00
Mark Otto
78d0e97509 remove plain-hover-focus from list group mixin 2016-12-28 15:13:43 -08:00
Mark Otto
f228802fd0 Revamp list group states and docs to match
- Overhauls the states, including the link/button variants, for list groups to better match how we handle .btn states.
- Moved the .list-group-item-action styles before the .list-group-item so that we don't have to do as much overriding.
- Removed the plain-hover-focus mixins from the disabled and active states since they're unnecessary.
- Added support for :active states on the .list-group-item-action variant (for the current click state).
- Removed the heading and text classes and variables since we can accomplish the same thing with utilities.
- Added support for :disabled on the .list-group-item-action as well since we can use those with button elements.
- Rearranged docs to reflect all the above changes.
- Reformatted some Sass variables.
2016-12-28 15:13:43 -08:00
Mark Otto
9ce5fb5817 Revamp dropdown item states
- Removes the plain-hover-focus mixin from active and disabled states; no need for them.
- Adds :active and :disabled since we can use button elements here, too.
- Wrap the disabled background-image override in an -gradients condition.
2016-12-28 15:13:43 -08:00
Mark Otto
d6fa9f5a6c Remove plain-hover-focus mixins from navs
- No need to set hover and focus on disabled or active elements. Disabled has no interactivity and active will inherit the focus.
- Also removes two now unused vars.
2016-12-28 15:13:43 -08:00
Mark Otto
e38c3506e3 properly pass focus shadow should you enable shadows
don't implement for the outline style because outline buttons get no shadow by default
2016-12-28 15:12:04 -08:00
Mark Otto
b449e6b65e create a variable for the focus box-shadow, use it in the button base class
also be sure to apply it for the active state when shadows are enabled
2016-12-28 15:12:04 -08:00
Mark Otto
a9bee8b6c8 remove active styling from focus 2016-12-28 15:12:04 -08:00
Mark Otto
232e86d0b4 remove cursor: pointer
shoutout https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b#.riy12ck0m
2016-12-28 15:12:04 -08:00
Mark Otto
62c4cb29fb redo outlines
- removes original outline removal (hah)
- replaces it with an explicit `outline: 0` on `.btn`
- instead of replicating `:hover` for `:focus`, uses custom and themed `box-shadow` for an "outline"
- not mapped to the `$enable-shadows` variable because accessibility
2016-12-28 15:12:04 -08:00
Mark Otto
79cfc095df linting 2016-12-28 15:12:04 -08:00
Mark Otto
7aa2a52069 Redo button states
Trying to simplify our output here by revamping these selectors. We overcomplicated things by setting hover styles for nearly every state (disabled and active included), and we set them in the wrong order.

This commit does the following:

- Reorders states so disabled comes before active, thereby removing the need to set disabled-active styles.

- Removes all focus and hover styles from disabled states as those will naturally inherit from the default button state.

- Renamed `.open` to `.show` to fix dropdown toggle highlighting.

- Tweaked some indendation in the Sass.
2016-12-28 15:12:04 -08:00
Mark Otto
150625265b fixes #21415 by moving disabled .btn-link color to the default state 2016-12-28 15:12:04 -08:00
Quy
d02b558a5a Rip number 2016-12-28 12:56:15 -08:00
Mark Otto
d2479cf5f0 inline-flex and width: 100% for stacked/vertical variation
shoutout to @Starsam80 for the fix
2016-12-27 22:37:50 -08:00
Mark Otto
5d0ec572d4 auto size input groups, fixes #20506 2016-12-27 22:37:50 -08:00
Mark Otto
4d141cb3d1 remove commented out code 2016-12-27 22:37:50 -08:00
Mark Otto
a849fa949b linting 2016-12-27 22:37:50 -08:00
Mark Otto
fd75c41279 revamp button group with flexbox 2016-12-27 22:37:50 -08:00
Mark Otto
c14ba036c6 forgot to add display flex to the navbar, so utils weren't applying 2016-12-27 22:37:09 -08:00
Mark Otto
8a3d0d344b use var 2016-12-27 14:17:11 -08:00
Mark Otto
8721ff8d6b fix inline checks 2016-12-27 14:17:11 -08:00
Mark Otto
4ba5bfb7cb add some vars 2016-12-27 14:17:11 -08:00
Mark Otto
fe0573cdab sure we only need the two mixins, but this ensures folks don't run into missing mixin errors down the line 2016-12-27 14:16:25 -08:00
Mark Otto
0f18dfc05c Update bootstrap-grid.scss 2016-12-27 14:16:25 -08:00
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
Mark Otto
4bc154b8f9 Merge branch 'patch-10' of https://github.com/zalog/bootstrap into zalog-patch-10 2016-10-09 17:35:44 -07:00
Mark Otto
6def7a5d56 Merge pull request #20555 from bardiharborow/updatedeps
Update dependencies, including Babel to v6 and zeroUnits fix.
2016-10-09 17:08:39 -07:00
Mark Otto
74778b725e Reset the left and right border on list items for flush list groups
Avoid the resetting of the already set values in #20397. Fixes #20395.
2016-10-09 16:57:32 -07:00
Mark Otto
8273e0cf82 linting 2016-10-09 16:46:47 -07:00
Mark Otto
b77b874265 fix focus shadows, if enabled 2016-10-09 16:44:04 -07:00
Mark Otto
8750b5f81c The color is already covered in the first ruleset here 2016-10-09 16:39:02 -07:00
Mark Otto
41518d0e32 Interpolate the variable so it passes the color properly 2016-10-09 16:38:28 -07:00
Mark Otto
9ac7e868df remove un-needed comment 2016-10-09 16:18:12 -07:00
Mark Otto
53ce4da835 add transparent border to match .form-control height 2016-10-09 16:17:48 -07:00
Mark Otto
55e130f88f Update static form control
- Remove margin-bottom override in favor of .mb-0 utility class
- Apply the input line-height styles to match
- Remove the min-height to match the input
2016-10-09 16:16:13 -07:00
Mark Otto
cab2d5951d Ensure input groups behavior appropriately in inline forms
Overrides the default width: 100% with an auto. Fixes #20752.
2016-10-09 16:00:30 -07:00
Mark Otto
7dee5560a1 Merge branch 'v4-dev' into v4-navbars 2016-10-09 15:04:32 -07:00
Mark Otto
3b13f81126 Merge pull request #20867 from twbs/dedupe-sm-vars
Drop the $small-font-size variable for the newer $font-size-sm one
2016-10-09 15:00:11 -07:00
Mark Otto
821f719367 Merge pull request #20684 from twbs/v4-utils
v4: The Utilities Update
2016-10-09 14:54:57 -07:00
Mark Otto
6c867667a1 Merge branch 'v4-dev' into v4-utils 2016-10-09 14:36:43 -07:00
Mark Otto
88bf5af896 Remove display from the .img-fluid utility
Creating max-width images is not dependent on the display, so setting it is redundant. Cleans up the comments and implementation of the mixin as well.

Fixes #20767
2016-10-09 14:14:39 -07:00
Mark Otto
0ba0f19003 Change 940px breakpoint to 960px so that all widths are divisible by 12
Fixes #18510
2016-10-09 13:49:11 -07:00
Mark Otto
0d27e12d1f Change sm grid breakpoint and container max-width
Makes it so that the container is no longer wider than the breakpoint used in the media query. This was never really an issue in rendering as the max-width handled it appropriately, but the mismatch was still incorrect.

Fixes #18054
2016-10-09 13:17:50 -07:00
Mark Otto
a43dc8872f Move from max-width to width for containers, plus a max-width 100%
- Fixes issues between float and flex grid systems where container wouldn't fill the available width in Chrome & FF (but would in Safari)
- Fixes #20681
- Fixes #17621 (basically same issue as above issue)
2016-10-09 13:14:10 -07:00
Mark Otto
8f6a47303a Drop the -font-size variable for the newer -size-sm one
Originally -font-size was added in v3 to set the font-size of the <small> element. Now that we have newer, global type variables, we can use those instead for these kind of things.

Fixes #20859
2016-10-09 12:45:58 -07:00
Bardi Harborow
d57d5a606b Update dependencies, including Babel to v6 and zeroUnits fix. 2016-10-09 12:15:17 +11:00
Chris Rebert
1ca6c9d7f1 Remove -webkit-overflow-scrolling: touch due to an iOS Safari bug (#20803)
See https://bugs.webkit.org/show_bug.cgi?id=158342
Fixes #17695
2016-10-03 21:36:46 -07:00
Bardi Harborow
2e69dfa8c1 Fix broken/redirected links, moving to HTTPS where possible. (#20557) 2016-10-03 09:55:59 -07:00
Patrick H. Lauke
db533c2e8d Follow-up fix to #20821
With apologies, copy/paste error following on from trying to fix conflicting Hound/Travis checks for https://github.com/twbs/bootstrap/pull/20821/ slipped through before I noticed them.
2016-10-03 10:13:58 +01:00
Patrick H. Lauke
add8dfe157 Merge pull request #20821 from patrickhlauke/v4-h5bp-print
Update print styles borrowed from h5bp
2016-10-03 10:00:09 +01:00
Matt Viteri
860e07a0e9 Fixes #20566 (#20768) 2016-10-02 21:23:04 -07:00
Mark Otto
88c601a842 Flexbox grid updates (#20829)
* Fixes #20775 without adding extra width and an important flag

* Since we're now getting the extend, we don't need the extra position relative

* rerrange

* getting min-height from the extend already
2016-10-02 21:10:06 -07:00
Mark Otto
44b49d1dd8 update comment 2016-10-02 20:36:49 -07:00
Mark Otto
5d04353d6b remove the margin there since it's in normalize 2016-10-02 20:36:31 -07:00
Mark Otto
dfafb660d0 Merge branch 'patch-1' of https://github.com/bardiharborow/bootstrap into bardiharborow-patch-1 2016-10-02 20:32:42 -07:00
Mark Otto
1db3586dc0 Merge branch 'v4-dev' into v4-navbars 2016-10-02 19:26:29 -07:00
Mark Otto
49153ecf4f Merge branch 'customizable-grid-gutters-per-breakpoint' of https://github.com/pixelbandito/bootstrap into pixelbandito-customizable-grid-gutters-per-breakpoint 2016-10-02 19:10:25 -07:00
Mark Otto
59d0679250 Only override input border-radius as part of .form-control to avoid bug with iOS Safari (alt fix for #20247) (#20695) 2016-10-02 18:28:37 -07:00
Mark Otto
d051ef5e61 Fixes #20118: Add and use Sass variables to control the color of our embedded SVGs for custom form elements (#20700) 2016-10-02 18:27:03 -07:00
Mark Otto
a75330ca96 v4: Dropdown units (#20701)
* Fixes #19784: Move from pixels to rems, add a margin-bottom: 0; to keep things aligned

* lintiong
2016-10-02 18:25:51 -07:00
Mark Otto
ebc77f60bb Remove the margin-bottom from <label>s in .btn-groups (#20827)
- Fixes #20298 for vertical button group spacing
- Fixes #20784 for horizontal (default) button group spacing
- Alternate fix to #20823 which only applied a fix for vertical button groups
2016-10-02 18:22:53 -07:00
Mark Otto
bb4af05d22 Fixes #20799: Apply same color change to disabled inline radios/checkboxes (#20826) 2016-10-02 18:15:55 -07:00
Patrick H. Lauke
6ae42a02c6 Update print styles borrowed from h5bp
most notable change:
- fixes print/print preview crash in IE11 (caused by `*:first-line`
selector)
2016-10-02 16:33:11 +01:00
Mark Otto
3dc4b3647c Rename pull-*-{left|right} classes to .float-*-left and .float-*-right 2016-09-26 00:54:10 -07:00
Bardi Harborow
f72c21bfc8 Upgrade to normalize.css v4.2.0 and fix Hound exclusion. 2016-09-23 16:16:51 +10:00
Beau Smith
3df78ce11b Remove hard-coded value in button-outline-variant
Fixes #20609

PR #20641, another solution to this issue, hard-codes use of $body-color, which may not be the desired color for the text when hovering.
2016-09-16 13:02:52 -07:00
Mark Otto
39a10e461e Fixes #20543: Significantly darken the links in default navbars 2016-09-15 10:29:52 -07:00
Mark Otto
64dcb8b507 Merge branch 'v4-dev' into v4-navbars 2016-09-15 10:20:57 -07:00
VarelloThemes
63129112bb replace some profanities (#20715) 2016-09-15 09:39:31 -07:00
Kovah
0ef64d89f7 Add breakpoint-specific gutters. 2016-09-13 23:02:56 -05:00
mkroeders
53a20c11d2 Have same margin for <hN> as a <div> on .card-headers (#19048)
* Have same margin for <hN> as a <div> on .card-headers
Related #18726

When you use a `<hN>` as `.card-header` there is `margin-bottom: .5rem` added. The changes set the margin-bottom to 0
* Removed space
2016-09-11 23:32:51 -07:00
Edd Yerburgh
fe722c2453 added text-gray-dark class (#19847) 2016-09-11 23:03:12 -07:00
Chris Garcia
8b13c51a0e Removing a redundant background-color declaration. (#20698) 2016-09-11 22:50:14 -07:00
NicoLB
659809db15 .form-control:focus customization (#20436)
* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus
2016-09-11 22:32:33 -07:00
Mark Otto
d62c3e3f80 Swap for custom svg background that we can embed to set the color of the stroke via Sass variable 2016-09-11 22:25:42 -07:00
Mark Otto
818d1f53a5 Merge branch 'v4-hamburger-fix2' of https://github.com/patrickhlauke/bootstrap into patrickhlauke-v4-hamburger-fix2 2016-09-11 21:57:38 -07:00
Mark Otto
91992ac70a Add new border utils
- Move and rename .img-rounded to .rounded, .img-circle to .rounded-circle
- Add new .rounded-{direction} utils
- New docs pages for border utils with TBD comments for the border property
- Removes most image examples for rounding from the content/images docs in favor of new docs page
2016-09-08 23:21:40 -07:00
judetucker
25b718e5fd resolves #20266 2016-09-08 22:42:54 -07:00
Mark Otto
a96038b50a Revamp background utilities and add new .text-white utility
- Rather than mix multiple properties in our color utilities, this splits all color and all background utils into separate classes.
- Adds new .text-white class to help lighten text color for darker backgrounds
2016-09-08 22:18:40 -07:00
Mark Otto
ae784c9521 Rename margin and padding utilities from .{property}-{side} to .{property}{side} without the extra dash 2016-09-08 22:15:34 -07:00
Mark Otto
82e7abcdf3 v4: Custom checkbox and radio alignment (#20671)
* Allow text of custom form labels to wrap like the default ones
* Switch from using after to force line breaks to float/clear combo in stacked custom forms
2016-09-08 21:26:19 -07:00
Kovah
b5f3c6a8d4 #14840 - Use color variables consistently
Replaces some raw colors with the appropriate color variables
Example: #eee will be replaced by $gray-lighter (#eceeef)
2016-09-08 13:57:57 +02:00
Mark Otto
ed0f097cb8 Follow up fix for #20667 (#20672)
Use proper Sass variable interpolation to ensure the proper values are compiled and not the literal string of the variable name
2016-09-07 21:25:14 -07:00
Mark Otto
07752bab7b v4: Card image fixes (#20667)
* Add .img-fluid to card images in columns to ensure proper resizing
* change that variable from regular value to variable
* use calc to figure out a tighter border for card images
2016-09-07 20:40:12 -07:00
Mark Otto
5713077ba5 Fix #20654 by reverting #20447 (#20665)
Cards must be inline-block in columns, otherwise they can get split across columns
2016-09-07 20:38:11 -07:00
Mark Otto
5495a4b3d3 versions 2016-09-05 12:41:44 -07:00
Mark Otto
7e18498b64 Fixes #20608 and #20578: Consistent checkbox and radio markup (#20629)
- Update docs examples to use newer .form-check suite of classes
- Update form validation mixin to use newer classes as well
2016-09-05 11:39:37 -07:00
Mark Otto
dc5c1421c6 Disable important flag on Sass linter (#20627) 2016-09-04 17:58:20 -07:00
Mark Otto
9c720285b5 Fixes #20619: Add important to the hover/focus as well (#20626) 2016-09-04 17:55:34 -07:00
Bass Jobsen
99425321dc Make .card class inside .card-columns display: block too (#20447)
See: https://github.com/twbs/bootstrap/pull/18255#issuecomment-237034763
2016-09-04 17:47:18 -07:00
Franco Moya
833028a779 Remove unused $variables in grid mixins (#20597) 2016-09-04 17:43:38 -07:00
Mark Otto
910f3ec498 fixes #20485: use rem units in alert dismiss (#20625) 2016-09-04 17:41:38 -07:00
Mark Otto
1bdf6c4bd6 Fixes #20513: Remove all default margin on .media given it's utility purpose and our margin utils 2016-08-19 21:00:57 -07:00
Mark Otto
935e0ccbaf fixes #20469 and #20473 without misuing dash 2016-08-08 20:35:58 -07:00
Juan J. Jimenez-Anca
f677806463 Update _mixins.scss 2016-08-02 17:01:26 +01:00
Juan J. Jimenez-Anca
676e00d63e Update _visibility.scss 2016-08-02 17:00:58 +01:00
Allan Chau
4f947f46ce Remove unused $size parameter 2016-07-30 18:09:11 +09:30
Mark Otto
7d2295ffaf Merge pull request #20130 from jeradrutnam/context-bg-fix
Contextual background-inverse text color fix
2016-07-27 21:32:18 -07:00
Mark Otto
c1b985a261 Merge pull request #20387 from twbs/v4-input-group-vars
Update variable usage for input group addon
2016-07-27 21:27:15 -07:00
Mark Otto
c52e1334a3 Fixes #20291: Update variable usage for input group addon
Instead of the regular border-radius var, use the input ones to match sizing with their associated controls.
2016-07-27 21:12:44 -07:00
Mark Otto
658c4c3084 Merge pull request #20333 from any-hn/v4-progress-bar-border-radius
Progress bar:fix use variable progress-border-radius instead of border-radius
2016-07-27 21:10:01 -07:00
Mark Otto
24e992a6ff bump versions 2016-07-27 09:31:24 -07:00
Mark Otto
8e9a9a5960 Enable flexbox grid CSS on our docs page
- Creates new flexbox grid Sass file in our docs assets
- Updates the Gruntfile to compile said new Sass file and minify the output
- Update notice on flexbox docs page for how it works
- Only enable compiled flexbox grid CSS in hosted docs site, not in dev (for easier and specific debugging of all flexbox features)
2016-07-26 21:09:39 -07:00
Mark Otto
d506bd8e50 Update navbar-toggleable-* styles to incorporate changes from #20083 2016-07-26 20:16:23 -07:00
Mark Otto
adba459749 restore the .col-{bp} class for flexbox auto layout 2016-07-25 17:22:06 -07:00
Mark Otto
0a31dacf3e Simplify system font stack to remove Linux fonts as they're too varied for our purposes 2016-07-25 12:34:00 -07:00
Mark Otto
15f522fd4a Fixes #17990: clear the floats within .navbar-toggleable-* to avoid funky animation on close 2016-07-24 00:49:08 -07:00
Mark Otto
7fd00263e3 Merge branch 'v4-dev' into v4-navbars 2016-07-23 21:05:18 -07:00
Mark Otto
cdc55a46c2 linting 2016-07-23 17:21:00 -07:00
Mark Otto
a8879c8f82 Follow-up to #19099 for grid fixes
- Restores two-mixin approach to generating semantic grid columns (now with 'make-col-ready' and 'make-col')
- Removes need for .col-xs-12 by restoring the mass list of all grid tier classes to set position, min-height, and padding
- Adds an initial 'width: 100%' to flexbox grid column prep (later overridden by the column sizing in 'flex' shorthand or 'width') to prevent flexbox columns from collapsing in lower viewports
2016-07-23 17:12:43 -07:00
Patrick H. Lauke
d125860464 change navbar-toggler to use SVG background image 2016-07-20 10:29:54 +01:00
An Yang
af6eaf5438 Progress bar:fix border-radius to use variable progress-border-radius instead of border-radius 2016-07-20 01:03:40 +00:00
Chris Rebert
873cf751c0 Remove forced default focus outline (#20275)
As this causes non-standard dotted outline on checkboxes/radio buttons
in OS X Firefox

Ports #19935 to v4
Refs #19933

[skip sauce]
2016-07-11 20:50:27 -07:00
Geremia Taglialatela
1347cb0152 Update SCSS-Lint to v0.49.0 (#20250)
SCSS-Lint 0.49.0 modifies Shorthand linter to report lint if a shorthand
of a length not specified in the allowed_shorthands option is used.

New defaults include "4" in the list of allowed shorthands, so we are changing our configuration accordingly.

Ref: e283d16896
2016-07-07 20:38:44 -07:00
morishitter
df6d3b445e Add flex-wrap and overflow-wrap properties to the list of property order in .scss-lint.yml 2016-07-04 18:56:16 +09:00
Chris Rebert
a358fc9dc1 Replace grunt-postcss with postcss-cli (#20140)
Refs #19990
Continues the degruntification process.

Also removes mq4-hover-shim for now,
since it doesn't yet implement the standard PostCSS plugin interface.
2016-06-20 16:18:21 -07:00
Chris Rebert
b17008c771 Add comparability guard to _assert-ascending(); fixes #20123 (#20142)
[skip sauce]
[skip validator]
2016-06-19 22:23:16 -07:00
Jerad Rutnam
26731b3378 Contextual background-inverse text color fix 2016-06-16 22:44:39 +05:30
heath3
d19e762d57 Re-use 'between' mixin for 'only' mixin
Keeps the code DRY in the same way 'between' uses 'up' and 'down'.
2016-06-09 16:07:27 +01:00
Catalin Zalog
50e2225bd5 Update _flex.scss 2016-05-28 03:25:24 +03:00
Chris Rebert
a90b36918f Add "The Bootstrap Authors" to copyright notices (#19936)
❤️❤️❤️ https://github.com/twbs/bootstrap/graphs/contributors
2016-05-20 09:04:31 -07:00
Catalin Zalog
88f02007e0 Update _spacing.scss 2016-05-17 16:26:22 +03:00
Catalin Zalog
990e2c5d2b Update _custom-forms.scss 2016-05-16 17:00:45 +03:00
Mark Otto
dfa2536c3b Restore .navbar-text and add some basic examples to the docs /cc #18049 2016-05-15 12:29:56 -07:00
Mark Otto
5a5ca44a3b follow up to c6c0522598: define those new vars 2016-05-14 12:46:06 -07:00
Mark Otto
c6c0522598 more navbar variables 2016-05-13 08:15:48 -07:00
Mark Otto
745e37a325 correction, -toggler-* 2016-05-12 21:50:17 -07:00
Mark Otto
906357b75f new var for -toggle-border-radius 2016-05-12 21:49:56 -07:00
Mark Otto
3021c241cc add new variable for -toggle-font-size 2016-05-12 21:49:03 -07:00
Mark Otto
9a50b1f04f Merge pull request #19889 from twbs/v4-popovers
v4: Couple popover fixes
2016-05-12 12:54:02 -07:00
Mark Otto
8b7ce089c9 Alternate fix to #18865: Change the .navbar-toggler color for light/dark navbars as we do with the .navbar-brand 2016-05-12 11:24:09 -07:00
Mark Otto
dc7811520c Merge pull request #19874 from patrickhlauke/v4-links-not-anchors-focusable
Make named anchor/placeholder link style reset more specific
2016-05-12 11:16:24 -07:00
Mark Otto
a6b797d17b Restore hiding of the .popover-title with :empty 2016-05-12 11:12:40 -07:00
Mark Otto
df6facf66e Alternate fix to #19006: Add a single variable for controlling that inner 1px padding on .popover 2016-05-12 11:12:22 -07:00
Mark Otto
64e7230d33 Fixes #19563: Add variable for setting background-color on .bg-inverse 2016-05-11 23:26:39 -07:00
Mark Otto
56a5b19cdb Fixes #17911: Explicitly remove margin-bottom from cards in .card-deck
Here we're doing some margin swapping, so it looks a little funky. All this does is match the margin implementation and rendering across our table and flex versions of card decks.
2016-05-11 22:14:05 -07:00
Mark Otto
de91c5e0be fixes #19650: improve non-flexbox card deck behavior so columns are always the same width 2016-05-11 21:18:35 -07:00
Mark Otto
5ff8d0f66e Fixes #19840: Invert the .card-subtitle color as well for .card-inverse 2016-05-11 20:41:33 -07:00
Mark Otto
f68b06a123 Update card variants
- Remove background-color from header and footer in inverse cards (fixes #19841)
- Update border override for header and footer in cards; only need to declare a new color
- Update the selector for targetting blockquote footers in cards
2016-05-11 20:32:20 -07:00
Mark Otto
964811d48d Update card header and footer
- Remove the box-shadow and switch back to border to match .card basics
- Update the header nav margin override--since we restored the border, we need that default negative margin at the bottom
2016-05-11 20:22:07 -07:00
Mark Otto
d74a897f55 Overhaul tables docs and use rgba() colors for inverse tables
- Add inverse examples for all variants
- Use rgba() colors for hover and accent states for easy usage in inverse styles
2016-05-11 16:28:28 -07:00
Mark Otto
6e7d450e1c linting order 2016-05-11 14:28:59 -07:00
Mark Otto
575769c34d rest in peace _functions.scss 2016-05-11 11:36:40 -07:00
Mark Otto
fda92d02a3 Unfuck those split button dropdowns
- Really we didn't need to do any of that strip units stuff to generate six new variables, two for each button size
- Using sibling selectors, we can target those split button dropdown toggles using the .dropdown-toggle-split class, and adjust padding and margin as needed
- Now, we nuke the margin-left from the ::after generated caret and tighten up the padding so that those split toggles don't look huge next to their main button
2016-05-11 11:36:09 -07:00
Mark Otto
b280e36b78 Merge branch 'v4-dev' into v4-split-buttons 2016-05-11 11:07:06 -07:00
Mark Otto
9d6b41c127 Merge pull request #19141 from twbs/v4-forms-cleanup
v4: Forms cleanup
2016-05-11 10:49:31 -07:00
Mark Otto
425e3d407e Bring back some 'help text' love for forms with .form-text
- Includes new class
- New docs to support it
- Rearranged older docs
2016-05-10 08:24:38 -07:00
Patrick H. Lauke
64251a12a4 Make named anchor/placeholder link style reset more specific
This avoids applying the reset to named anchors/placeholder links (links
without an `href`) that have explicitly been made keyboard-focusable
(using `tabindex`). This is not fool-proof - it's not
easy/straightforward to check for the actual `tabindex` value itself, to
ensure it's positive, not will this apply if a link has been "blessed"
with `tabindex` via JS. However, this should catch most common uses (and
gives a reasonably valid way around the issue for developers who, for
whatever reason, DO want to use links without `href` - as side effect,
it forces best practice of at least ensuring these links can also be
focused with the keyboard)
2016-05-10 10:29:47 +01:00
Mark Otto
73d9815343 Merge branch 'v4-forms-cleanup' of https://github.com/twbs/bootstrap into v4-forms-cleanup 2016-05-09 19:25:42 -07:00
Mark Otto
35c11b69df Update checkboxes and radios docs
- Add lighter gray text to disabled state for .form-check
- Separate radios and checkboxes example
- Clarify docs
2016-05-09 11:00:36 -07:00
Mark Otto
1b17ee4062 property order 2016-05-09 10:18:41 -07:00
Mark Otto
3daeb58ac3 Merge branch 'add-input-focus-variables' of https://github.com/kevinkucharczyk/bootstrap into kevinkucharczyk-add-input-focus-variables 2016-05-09 10:17:27 -07:00
Mark Otto
6b33c08310 Merge pull request #19667 from vsn4ik/v4-dev-use-border-radius-mixin
Use @border-radius and add $nav-tabs-border-radius variable
2016-05-09 09:56:28 -07:00
Mark Otto
f5d889c385 update classes for inline form to new checkbox options 2016-05-08 23:14:48 -07:00
Mark Otto
546149f004 Fixes #19771: Enable .form-control-sm/lg on select.form-control 2016-05-08 17:31:02 -07:00
Mark Otto
d8c898b172 linting 2016-05-08 17:11:17 -07:00
Mark Otto
dde85e9888 Redo checkboxes and radios
- Move disabled radio and checkbox styles to Reboot
- Collapse .radio and .checkbox into single class, .form-check
- Collapse .radio-inline and .checkbox-inline into single class, .form-check-inline
- Require classes for sub-elements in both new classes
2016-05-08 16:05:27 -07:00
Mark Otto
4a064209ba Merge branch 'v4-dev' into v4-forms-cleanup 2016-05-08 15:25:26 -07:00
Mark Otto
399fdb8ebe Merge pull request #19735 from MatthewRayfield/v4-custom-select-disabled-styling
Add disabled styling for .custom-select
2016-05-08 14:20:54 -07:00
Mark Otto
4140620d3e remove unneeded, commented out border change for legends; it's handled in normalize 2016-05-08 13:57:39 -07:00
Mark Otto
ce249a555c document table border collapse change, move from old normalize to our reboot 2016-05-08 13:51:25 -07:00
Mark Otto
69219d4271 move that change to reboot 2016-05-08 13:50:45 -07:00
Mark Otto
d1b8166374 Fix overflow auto removal on pre elements 2016-05-08 13:48:21 -07:00
Mark Otto
3547164f61 Fix up linter to ignore all other Normalize upstream shenanigans 2016-05-08 13:46:29 -07:00
Mark Otto
637d930d8f Merge branch 'patch-1' of https://github.com/marktopper/twitter-bootstrap into marktopper-patch-1 2016-05-08 13:43:54 -07:00
Mark Otto
3b62fc0806 Merge pull request #19861 from twbs/card-borders
Jank card borders were too janky
2016-05-08 13:38:51 -07:00
Mark Otto
017258d1dc Merge pull request #19252 from twbs/card-img-overlay-padding
Add $card-img-overlay-padding variable
2016-05-08 13:36:13 -07:00