0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Commit Graph

2131 Commits

Author SHA1 Message Date
Mark Otto
d603239b8a linting 2017-12-26 22:02:54 -08:00
Mark Otto
28fd9deb54 un-nest and un-chain popover classes 2017-12-26 21:58:57 -08:00
Mark Otto
fa2cc20e92 consolidate content properties, un-nest 2017-12-26 21:56:48 -08:00
Mark Otto
468c1615e2 smaller popover arrows for more reasonable visuals and more ideal pixel rounding 2017-12-26 21:54:47 -08:00
Mark Otto
6cf71f298c Merge branch 'fix-arrows' of https://github.com/simonihmig/bootstrap into simonihmig-fix-arrows 2017-12-26 21:36:12 -08:00
Mark Otto
b01e81ed36 Rewrite custom file input
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation.
- Fixes form validation styles for custom file input (closes #24831).
- Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-26 16:14:08 -08:00
ysds
c5209270ac Clean up button group (#25073)
* Remove unnecessary float

- since parent btn-group is displayed as inline-flex, the child elements are placed left to right by default.

* Cleanup of reset rounded corners

- Remove `border-radius :0` since it is enough by each reset of left and right side
- A `.dropdown-toggle` selector should not be used for reset rounded corner since it does not have border-radius property. Instead use .dropdown-toggle as negation pseudo-class.
2017-12-26 16:04:11 -08:00
ysds
8c6011ab4f Fix input group border radius issue (#25075) (#25076)
* Fix input group border radius issue (#25075)

* Remove migration note

- All buttons In input group do not have to be the same element now.

* lint
2017-12-26 14:23:07 -08:00
Mark Otto
03e1c47bc2 Darken table border-color
Fixes #25016 which noticed a .thead-light and border-color of the .table-border are the same color.
2017-12-26 13:47:48 -08:00
Mark Otto
4205b262d3 Update SCSS import order to have print styles last 2017-12-26 13:20:12 -08:00
Mark Otto
2416801c7e remove input group overrides since they're defaults now 2017-12-23 17:50:52 -08:00
Mark Otto
c468f89b1c Make custom select and file inputs 100% wide
Matches browser default inputs and swaps some max-width properties for a regular width
2017-12-23 17:50:52 -08:00
simonihmig
9600ab1003 Fix tooltip/popover arrow size and position 2017-12-23 18:29:57 +01:00
Mark Otto
eb60521c03 Move .table-responsive to a parent class instead of a modifier 2017-12-22 20:09:58 -08:00
Andres Galante
aacfcc248d adds hover state to the button element for background color utilities (#24813)
* adds a hover state to the button element on the backrgound color utitility

* Adjust z-index to fix hover/focus overlaps
2017-12-22 19:41:13 -08:00
Mark Otto
0a420124ea
Restyle code element, remove docs example overflow, improve docs examples (#25054)
* Restyle code element, clean up variables

- Removes the padding and background-color
- Changes the color to a brand color ()
- Add new variables to kbd element styles to account for removing the code ones
- Remove overrides that were needed previously

* only break between words, and override it in the pre

* make file inputs 100% wide

* scope custom file changes in input group for sizing

* shorter button labels for responsive

* narrower cards

* button was too wide

* downsize

* fewer links in pagination

* redo cell text

* improve overflow docs
2017-12-22 16:49:57 -08:00
Mark Otto
16f1417240
Form check markup v2 (#25050)
* match layout behaviors

* ditch the indicator as separate element for psuedo-elements on the label

* move disabled to attribute only on input

* redo default inline check to support new markup

* redo inline forms

* clean up vars

* update validation mixin to new structure

* update checks in docs

* linting for for/id attributes
2017-12-22 16:13:01 -08:00
Mark Otto
13150872c6
Rewrite input group component (#25020)
* Rewrite input group component

* Set the feedback to 100% width for input group

* Move from .row to .form-row for tighter layout

* no need for custom feedback here, we're using browser messaging

* add input group to validation examples

* add note about validating multiple

* migration note added
2017-12-22 15:29:49 -08:00
Troy Morehouse
9de141f428 Remove .col-form-legend in favor of .col-form-label (#24932)
* chore: sync with twbs (#1)

* Make styling of grouped option buttons class-based

Referencing #23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute.

* Fix installing deps in our webpack docs

* Fix nested cards on card group (#24766)

* Update popper.js to v1.12.9. (#24797)

* Don't run postcss for `dist/css/*.min.css` files. (#24676)

* Change the text color to dark on bg color warning examples (#24805)

* Remove unused file and bundle ie-emulation-modes-warning.js with docs.min.js (#24825)

* Remove the unused assets/js/ie10-viewport-bug-workaround.js.

* Combine ie-emulation-modes-warning.js with docs.min.js.

* Typos in grid.md (#24828)

Fixed typos in offsetting section of grid.md

* Fix dropup example code

* Update devDependencies. (#24829)

* Add support for fractional viewport widths (zoom/high-dpi displays) (#24299)

* Change breakpoint  max- calculation to fractional values
* Update docs to reflect fractional max-width breakpoint values
* Add fractional max-width to offcanvas example
* Add documentation and SCSS comment for fractional viewport support

* Add a simple script to generate SRI hashes for our assets. (#24814)

* Allow us to run our unit test on differents jquery version

* Run karma tests in parallel.

* Update typography docs (#24863)

* closes #24450

* Rewrite custom form check backgrounds (#24697)

* Rewrite custom form check backgrounds

Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true.

Fixes #24598

* restore default vars

* Revamp custom check and radio backgrounds

Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient.

* remove now unused mixin

* mention change in migration docs

* lets the centered modal have any height (#24803)

* Custom select updates (#24699)

* Add support for size attribute on custom selects

* Add large custom select, document it and the small variant

* fix custom select focus state

* fix custom file input focus styles

* remove empty line

* Update package.json. (#24582)

1. Use the same jQuery version in jspm
2. Update the files to only include the source and dist folders

* Use Jekyll's `smartify` filter when possible. (#24866)

* Darken outline hover color to match default button hover (#24150)

* Fix Issue #24144

Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button.

* Fix Issue #24144

Filled button on hover should utilize the same color-yiq mixin so that theme buttons match

* default values, fix mixin

* rename it

* document it

* add migration note

* fixes #24728

* Remove unused CSS. (#24872)

* tab.js: do not remove fade class if there's no initial active pane

* Restore currently unused variables (#24891)

* Replace lint-vars.sh with a Node.js script. (#24860)

Also, include it in the `css` npm script since it's instant.

* Fix docs horizontal scrollbar (#24878)

* Fix docs horizontal scrollbar in Components > Modal

* Add overflow to docs example class

* Drop the handleUpdate() variant

While I understand the variant covers the "get a particular plugin instance" case from http://getbootstrap.com/docs/4.0/getting-started/javascript/#programmatic-api it seems weird that we do it here but not everywhere else in the docs (randomly checking other pages, we seem to stick to the documented methods as written on those pages). As this isn't properly explained as is, and as it adds nothing (more of a preference for authors), it would be easier to just drop the variant and stick with the documented method as outlined later on in the same page (avoids having to go off on a "why should you use this instead of that" tangent here).

* Combine path and remove variable used in one place. (#24873)

* Update devDependencies and gems. (#24876)

* Override padding on radio input label (#24899)

We could tell folks to nix the class, we could tell them to override it, or we could add another modifier of some kind to address this. None of them seem particularly useful, but the padding override feels the most approachable and clearly documentable. Added this here to close #24844.

* Update README.md (#24912)

* Work around Travis failures.

Note that we should revert this when the issue is fixed.

* Revert the Travis workaround. (#24926)

The issue has been fixed.

* add .col-form-legend-lg and .col-form-legend-sm classes

* document .col-form-legend-{size}

* trash .col-form-legend completely

One class fits all

* Update forms.md

* consolidate copy

* property order
2017-12-02 11:51:38 -08:00
Andres Galante
1d6e3710dd Adds variable for color yiq threshold (#24886) 2017-12-01 19:26:10 -08:00
XhmikosR
c2c0eebd43
Update devDependencies and gems. (#24876) 2017-11-28 12:26:50 +02:00
Mark Otto
671bb278bb Restore currently unused variables (#24891) 2017-11-27 19:31:11 +02:00
Mark Otto
babdf36c42 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-11-24 17:02:01 -08:00
Mark Otto
ccb201b22a rename it 2017-11-24 16:58:23 -08:00
Mark Otto
725f5fbda5 Merge branch 'btn-group-styling' of https://github.com/picapixa/bootstrap into picapixa-btn-group-styling 2017-11-24 16:49:43 -08:00
afholderman
7c10068c76 Darken outline hover color to match default button hover (#24150)
* Fix Issue #24144

Alter button-outline-variant mixin to darken hover and active background in same fashion as filled button.

* Fix Issue #24144

Filled button on hover should utilize the same color-yiq mixin so that theme buttons match

* default values, fix mixin
2017-11-24 16:42:40 -08:00
Mark Otto
2ec1606ab7
Custom select updates (#24699)
* Add support for size attribute on custom selects

* Add large custom select, document it and the small variant

* fix custom select focus state

* fix custom file input focus styles

* remove empty line
2017-11-24 14:29:59 -08:00
Andres Galante
b29e3f2a4c lets the centered modal have any height (#24803) 2017-11-24 14:28:58 -08:00
Mark Otto
4829350a46
Rewrite custom form check backgrounds (#24697)
* Rewrite custom form check backgrounds

Previously, this was all just a background-color and background-image. When we restored the gradients though, we had two background-images competing on the same element, causing rendering glitches. This refactors that code, creating a mixin to simplify things, so we can we easily use two background-images (SVG icon and gradient) when -gradients is set to true.

Fixes #24598

* restore default vars

* Revamp custom check and radio backgrounds

Instead of applying multiple background-image's to the same element, we're adding a new ::before pseudo-element to layer the background-images. Gradients go on the .custom-control-indicator while their icons go on the ::before element. This allows us to shave some bytes from when we compile and we previously needed to redeclare the background-image for the icon if you changed the gradient.

* remove now unused mixin

* mention change in migration docs
2017-11-24 14:26:56 -08:00
Patrick H. Lauke
dcb761350c
Add support for fractional viewport widths (zoom/high-dpi displays) (#24299)
* Change breakpoint  max- calculation to fractional values
* Update docs to reflect fractional max-width breakpoint values
* Add fractional max-width to offcanvas example
* Add documentation and SCSS comment for fractional viewport support
2017-11-20 05:13:37 -05:00
Andres Galante
8e4ba117bc Fix nested cards on card group (#24766) 2017-11-16 12:41:48 +02:00
Edward Betts
ffc5965f2c Correct spelling mistakes. (#24778) 2017-11-15 04:12:38 -05:00
Andres Galante
1ee9cb04bd Adds variables for form validation messages (#24767) 2017-11-15 03:32:08 +02:00
Raffy Alcoriza
9e8a3c041b
Make styling of grouped option buttons class-based
Referencing #23728, styling grouped radio and checkbox buttons should not require the data-toggle attribute.
2017-11-09 15:02:46 +08:00
Andres Galante
b755883059 Adds underline back to btn-link on focus 2017-11-08 11:05:12 -05:00
ysds
ccc95d0c96 Reduce custom file z-index (#24633) 2017-11-06 15:58:28 -08:00
Patrick Yeo
c2a7a2c41d Nav Tabs use single variable to style $nav-tabs-link-hover-border-color and $nav-tabs-link-active-border-color (#24639) 2017-11-06 13:35:52 -08:00
Patrick Yeo
e2c15da967 Move hardcoded opacity value in .btn:disabled to variable $btn-disabled-opacity (#24680) 2017-11-06 13:34:42 -08:00
Mark Otto
bb53b32585
fixes #24553: override border-color on focus of custom select with form validation (#24695) 2017-11-06 12:04:56 -08:00
Mark Otto
a8aaccbd4d
Restore .progress-bar transition (#24694)
Unintentionally removed in #22703. Fixes #24643.
2017-11-06 12:02:42 -08:00
Gijs Boddeus
bfbf24e7a5 fixing label cutoff at 0% (#24544) 2017-11-06 09:57:25 -08:00
Andres Galante
058123440f Convert px values to rem on tooltip variables (#23468)
* converts px valures to rem on tooltip variables

* keep as px to match popover changes
2017-11-06 09:29:12 -08:00
Andres Galante
b931070bd7 changes list-inline-padding from 5px to .5rem 2017-11-06 09:28:29 -08:00
XhmikosR
34d745540d
Minor Sass consistency changes. (#24677)
* use `background-color` instead of the shorthand
* use `outline: 0` consistently
* fix transform order
* remove quotes from `SFMono-Regular`
2017-11-06 02:23:36 +02:00
Andres Galante
9244974064 Convert modal's px units to rem (#23782) 2017-11-02 02:23:51 +02:00
Andres Galante
1870b871d0 adds variables for the hr element margin 2017-10-30 13:11:47 -07:00
Andres Galante
904f22c94f changes colors references on variables.scss from hardcoded to variables on the theme 2017-10-30 13:10:52 -07:00
Johann-S
e454c8ec1e Add dropright and dropleft (right and left placements for our dropdown) (#23860)
* Add dropright (right placement for our dropdown)

* Add dropleft

* moves drop left arrow to the left
2017-10-29 15:29:13 -07:00
Mark Otto
b1623c4429
Add .modal-dialog-centered for optional vertically centered modal (#24510)
* Add .modal-dialog-centered for optional vertically cenetered modal

Fixes #23638

* adds modal-dialog-centered class to docs and removes margin to avoid generating a vertical scrolling

* mention limitations

* fix aria attr

* Add `width: 100%` to the .modal-content for the centered version. Adding it here to avoid adding another selector by limiting it to the centered modal modifier.
2017-10-29 15:14:10 -07:00
Mark Otto
63947ee94e
Add fallback border-radius to .btn (#24505)
Fixes #24503 by manually calling the border-radius instead of using the mixin.
2017-10-28 22:42:09 -07:00
Mark Otto
380c920f1c fixes #24574 2017-10-27 20:35:33 -07:00
Mark Otto
af9df8c308 update new focus and shadow properties to use vars 2017-10-25 12:30:29 -07:00
Mark Otto
04b32db845 Merge branch 'btn_input_split_variables' of https://github.com/isychev/bootstrap into isychev-btn_input_split_variables 2017-10-22 19:59:20 -07:00
Mark Otto
5dae7f0449 edit code comments 2017-10-22 19:56:49 -07:00
Mark Otto
7b7c10aae8 Replace some border-radius properties for the mixin, closes #23872 2017-10-22 19:43:35 -07:00
Mark Otto
2f90be3150 Merge branch 'input-group-custom-forms' into v4-dev 2017-10-22 19:39:47 -07:00
Mark Otto
0231bd9436 Update _variables.scss 2017-10-22 14:30:35 -07:00
Mark Otto
1f42d79561 Merge branch 'v4-dev' into btn_input_split_variables 2017-10-22 14:26:49 -07:00
XhmikosR
52d99a887e Refactor a few selectors. (#24404)
1. move a couple of them before the more specific ones.
2. change nesting to be under the same parent selector
3. use the ampersand more
2017-10-23 00:17:28 +03:00
XhmikosR
29d58fb758 Enable stylelint's function-comma-space-after. (#24501)
The option is set to `always-single-line` in stylelint-config-standard which we extend.
2017-10-23 00:00:00 +03:00
José Francisco
502d6b2579 Add variable to configure the $dropdown-border-radius. (#24376) 2017-10-22 13:47:31 -07:00
Mark Otto
b61de52e62 match property order 2017-10-22 23:31:53 +03:00
Andres Galante
d38f08fcdc adds animation to color on outlined btns 2017-10-22 23:31:53 +03:00
Mark Otto
bf2fee9035 add vars for yiq color contrast function 2017-10-22 12:56:06 -07:00
Eugene Kopyov
0a82cd9f3c Fix for right padding in dismissible alerts (#24481)
* Fix for right padding in dismissible alerts

* Removed extra whitespace

* Update _alert.scss

* Update _alert.scss
2017-10-22 12:54:32 -07:00
Mark Otto
4bd4ff1130 fix custom file input too 2017-10-22 12:37:45 -07:00
Mark Otto
cd4cd7fbe8 match space after comma, darken invalid/valid bg color on custom checks 2017-10-22 12:35:13 -07:00
Mark Otto
5e4964ccb8 use rgba() so it's not at full opacity 2017-10-22 12:34:47 -07:00
Mark Otto
1b1c768ef6 Merge branch 'custom-checkboxes-radios-correct-color' of https://github.com/sabrown84/bootstrap into sabrown84-custom-checkboxes-radios-correct-color 2017-10-22 12:26:26 -07:00
XhmikosR
dc39082ad7 Remove thumbnail-transition from .img-thumbnail.
We don't change anything so the transition is basically unused.
2017-10-22 12:23:40 -07:00
Gijs Boddeus
7bb82a5fb1 match width behaviour of form-control to form-control-plaintext (#24486) 2017-10-22 12:19:11 -07:00
Gijs Boddeus
6824f71795 fix card group border radii (#24491) 2017-10-22 12:18:03 -07:00
Gijs Boddeus
2564931165 fix vertical input button group margin (#24498)
* add margin-bottom to .btn of a vertical button group

* match margins of radio/checkbox buttons in a btn-group to the actual buttons

* add comment
2017-10-22 12:17:22 -07:00
Mark Otto
1083e49bbe really fix indentation, reorder 2017-10-21 20:57:19 -07:00
Mark Otto
7eb8c54858 use vars, fix indentation 2017-10-21 20:55:01 -07:00
Sharrell Porter
809ce6d6ef Sass correction 2017-10-20 07:23:48 -04:00
Sharrell Porter
4f814fabd6 sync-commits erge branch 'v4-dev' into custom-checkboxes-radios-correct-color 2017-10-20 07:12:39 -04:00
Andres Galante
a89187f94d Remove margin from pre in code.scss since it's already set in reboot (#24366) 2017-10-20 10:33:56 +03:00
rmacklin
9e6dabbb10 Reduce z-indexes in button-group, input-group, list-group, and pagination to the minimum necessary (#24315)
These were using `z-index: 2` to "Place active items above their
siblings for proper border styling". However, using `z-index: 1` is
sufficient for accomplishing that goal.

In input-group, there were also three `z-index: 3` rules for the
hover/focus/active states. I reduced these to `z-index: 2` since they
just needed to be "one more than normal" (i.e. one more than what is now
`z-index: 1` after my changes).

These changes can be verified by viewing the documentation pages for
Button group, Input group, List group, and Pagination before and after
this commit and observing that the active elements are still "above"
their siblings, so their borders look correct.
2017-10-20 10:01:29 +03:00
Mark Otto
35317a4331 Remove background-image: none; on .form-control (#24454)
As the diff shows, this was for a Firefox Android issue that's since been fixed.

Closes #23817.
2017-10-20 09:56:43 +03:00
Mark Otto
34a1e45400 Add input group support for custom selects and custom files
Closes #24437, closes #22457
2017-10-19 23:22:06 -07:00
Mark Otto
dbf5405cfd fix version number 2017-10-19 12:23:29 -07:00
Mark Otto
cf00548f4e new version number 2017-10-19 12:23:29 -07:00
Mark Otto
06641ca0b3 Gradients and shadows (#24429)
* Update the form focus mixin to use a manual `$enable-shadows` check so we can always ensure a focus state for accessibility and consistency

* - Add new `$input-btn-focus-width` and `$input-btn-focus-color` variables.

- Replace separate `$btn-focus-box-shadow` and `$input-focus-box-shadow`
variables with unified `$input-btn-focus-box-shadow` to match our
combined variables approach elsewhere.

* Put new focus width var to use in buttons mixins

* use new button input-box shadow var

* Add a new mixin for quickly adding linear gradient to components when $enable-gradients is set to true

* use correct var

* fix focus shadows in button mixins

* Add opt-in gradients to alerts, buttons, carousel, custom radios and checkboxes, custom file input, and dropdown items

* Generate .bg-gradient- utilities

* add headings to colors page and document bg-gradient utils

* update the button color for active status, check with yiq as it's done for basic state and hover state
2017-10-19 09:03:33 -07:00
XhmikosR
d4e7090c2d Reindent _variables.scss. (#24428) 2017-10-19 08:16:38 -07:00
Mark Otto
f51440da22 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-10-19 00:14:27 -07:00
Mark Otto
521aa875e7 fix functions, lighter colors on active 2017-10-19 00:13:38 -07:00
Mark Otto
9501ed8725 Merge branch 'btn-active' of https://github.com/andresgalante/bootstrap into andresgalante-btn-active 2017-10-19 00:11:36 -07:00
i.sychev
58e553d7bc append btn-* and input-* variables and extends their from input-btn-* variables 2017-10-19 10:05:07 +03:00
Andres Galante
bee20c04e8 Move theme variables outside of the theme map. (#23918) 2017-10-19 09:05:00 +03:00
Dylan Seago
a62ced0e0b Rename navbar height variables to reflect their value (#24161) 2017-10-18 19:51:45 -07:00
Mark Otto
d94fec94b2 Increase headings-line-height from 1.1 to 1.2 (#24423)
This way, descenders are not cropped when truncating. Fixes #23956.
2017-10-18 19:48:35 -07:00
tillmon
0aa8cbee76 Set font-sizes relative to font-size-base (#24060)
* font-sizes relative to font-size-base

* ditch $heading-font-size-base, simplify

* apply same to .lead var

* also update progress bar font-size var
2017-10-18 19:44:13 -07:00
Andres Galante
008e0b5b68 Improves forms migration guide, docs, and scss (#24348)
* fixes migration forms guides

* removes container from Horizontal form

* adds col-form-label sizes on form docs

* removes .form-control-label from forms.scss

* add note to migration
2017-10-18 10:11:35 -07:00
Mark Otto
2e4240b9ab mention forked from normalize 2017-10-18 09:28:41 -07:00
Mark Otto
85fd22bd47 Revert #23108 to restore list group borders (#24411)
* revert #23108, which had no bug but was a problem with the example code

* add example to the docs for future proofing

* move it up
2017-10-17 22:05:01 -07:00
Mark Otto
dd9d5cb8de Add copyright and license headers to grid and reboot files
Fixes #24311
2017-10-17 22:04:34 -07:00
Andres Galante
e756b667d2 changes popovers from px to rem 2017-10-17 20:07:11 -07:00
Sharrell Porter
77ea66da4d matching-branch
Merge branch 'custom-checkboxes-radios-correct-color' of github.com:sabrown84/bootstrap into custom-checkboxes-radios-correct-color
2017-10-16 18:26:52 -04:00
Sharrell Porter
e9c6656004 correcting color 2017-10-16 16:57:13 -04:00
Gijs Boddeus
98778164e0 Merge branch 'v4-dev' into yiq-function-update 2017-10-15 11:55:02 +02:00
Gleb Mazovetskiy
a9fa21e701 Escape SassScript in custom variable values (#24354)
This is required for Sass v3.5+ compatibility.
See https://github.com/sass/sass/blob/stable/doc-src/SASS_CHANGELOG.md#backwards-incompatibilities----must-read and https://github.com/sass/sass/issues/2383
2017-10-14 08:29:43 +01:00
Andres Galante
776188ad73 Add border radius to an image when it's the only card of a card group (#24321) 2017-10-11 01:18:56 +03:00
Varunram
ab093b90f6 Add borderless table class along with docs. Rebase 2017-10-11 00:01:57 +05:30
XhmikosR
f7acb278e2 Refactor a few selectors so that the least specific ones are first. (#24310) 2017-10-10 16:46:43 +03:00
XhmikosR
64c944bca8 Use $white variable for .navbar-dark's color. (#24309)
Using `rgba($white,1)` results in `white` instead of the hex.
2017-10-10 08:58:35 +03:00
Prateek Goel
de3973b5e7 Ensure active button styles are not applied to disabled buttons 2017-10-09 18:32:48 -04:00
Gisete Kindahl
bab3246a1d Centered SVG icon within its own container (#24292) 2017-10-09 10:37:46 -03:00
XhmikosR
ebc82db8ef Enable stylelint's no-duplicate-selectors rule. 2017-10-07 00:11:40 +03:00
XhmikosR
8767338669 Reindent _variables.scss.
Now it's more consistent.

Also switch to numeric values for font-weight.
2017-10-07 00:11:40 +03:00
XhmikosR
7e149e20a9 Enable stylelint for _reboot.scss. 2017-10-07 00:11:40 +03:00
Mark Otto
8fccaa2439 formatting 2017-10-05 09:42:17 +03:00
XhmikosR
91b219d5e6 Add comment where we explicitly use flex: 1 0 0%;. 2017-10-05 09:42:17 +03:00
XhmikosR
219ba7f2ea make-col-offset: Remove percentage if it's zero. 2017-10-05 09:42:17 +03:00
Gijs Boddeus
8f483dc432 Merge branch 'v4-dev' into yiq-function-update 2017-10-05 08:38:59 +02:00
Johann-S
b9c4a5cde2 Fix dropup in bottom navbar for all the breakpoints 2017-10-04 16:22:55 +02:00
Gijs Boddeus
cefc68d464 fix travis error 2017-10-04 11:29:38 +02:00
Gijs Boddeus
3d5b1c004a Merge branch 'v4-dev' into yiq-function-update 2017-10-04 11:03:20 +02:00
Gijs Boddeus
df6a8f7d81 revert 1db5082 2017-10-04 10:57:02 +02:00
Johann-S
a9e7abd29b Fix caret position for Dropdown in a bottom navbar 2017-10-04 10:32:32 +02:00
Johann-S
b6988714a1 Fix dropup in navbar 2017-10-04 10:32:32 +02:00
Gijs Boddeus
1db5082c3f rearrange properties in _borders.scss mixins 2017-10-04 08:52:48 +02:00
Gijs Boddeus
263190305e Merge branch 'v4-dev' into yiq-function-update 2017-10-04 08:46:03 +02:00
Simon Knox
e731353aac Use variable for heading margin bottom in reboot 2017-10-03 22:18:48 -07:00
Mark Otto
89970da349 Update input-btn-line-height vars to reassign global sm/lg vars 2017-10-02 21:40:45 -07:00
Mark Otto
4149cb2d17 Update input/button padding to fix cutoff text in Windows Chrome 2017-10-02 21:40:45 -07:00
Trent Clowater
7a7589ffc2 Fix media-breakpoint-between (#23997)
* Fix media-breakpoint-between

When compiling .scss that uses media-breakpoint between with xs as the lower bound or xl as the upper bound, a compilation error can occur due to $min/$max being set to null, or the resulting .css can be invalid (see issue #23965).

(This is basically the same fix that was applied to media-breakpoint-only a short time ago).

* Update _breakpoints.scss

Make houndci-bot recommended changes.
2017-10-02 21:38:59 -07:00
Patrick Yeo
ac69547314 Badges add Sass variable to configure $badge-border-radius (#24213) 2017-10-02 21:11:11 -07:00
Lodder
bd858f0ceb Fix custom-select with "multiple" attribute (#23055) 2017-10-02 21:00:57 -07:00
Mark Otto
e626277c73 Merge branch 'dropdown-caret' of https://github.com/pat270/bootstrap into v4-dev 2017-10-02 20:51:14 -07:00
Patrick Yeo
9ee2fbe580 Nav Pills with open dropdown don't reflect the nav-pills active state. The active state should also be reflected when using collapse plugin inside nav-pills. 2017-10-02 20:48:05 -07:00
Mark Otto
864c657488 Fix buttons that come after the input (input should be under the button) 2017-10-02 20:47:15 -07:00
Patrick Yeo
bf01f27554 First child of input group segmented buttons are off by -btn-border-width 2017-10-02 20:47:15 -07:00
Patrick Yeo
728f579286 Form Validation .valid-feedback and .valid-tooltip are unstyled (#23527) 2017-10-02 20:37:28 -07:00
XhmikosR
7b766e1ad5 Switch to stylelint. (#23572) 2017-10-02 20:34:56 -07:00
Andres Galante
b26eabf2a3 adds a border radius to modal headers (#23799) 2017-10-02 18:59:50 -07:00
Paweł Kuna
c86833b3d0 add display table-cell (#24004) 2017-10-02 18:57:30 -07:00
Andres Galante
906db62ee2 removes border radius from btn-link (#24128) 2017-10-02 18:56:50 -07:00
Luke Frake
c2fb64ce37 Add order first to grid (#24202)
* Add first class to grid framework to add negative ordering

* Add order-first explination to the docs
2017-10-02 18:56:13 -07:00
vsn4ik
b2cadc233e Remove duplicated code in .card-header 2017-10-02 18:55:05 -07:00
Mark Otto
6cdcfe6b33 Opaque input borders (#24198) 2017-10-02 14:19:13 -07:00
Mark Otto
8fb48eaae2 Revert input group border changes (#24197)
Turns out #22612 is a bad idea and it makes all sorts of weird visual
glitches when working with form controls and transparent borders.
2017-10-02 14:18:33 -07:00
wojtask9
9145cc8279 fix .col-form-label paddings and add line-height (#23121) 2017-10-02 10:15:32 -07:00
Andres Galante
2430151865 fixes input group btn height (#23810) 2017-10-02 10:13:09 -07:00
Andres Galante
acf76a4513 fixes navbar-text link colors (#23702) 2017-10-02 10:11:11 -07:00
Félix Saparelli
67d7e26e05 Generate CSS variables for colors, breakpoints, fonts (#23761)
* Generate CSS variables

See #23349
Supersedes #23446

* Ignore _root.scss for linting
2017-10-01 21:00:24 -07:00
Chirag Modi
487e5f8b82 remove Dist fils as per suggestion (#23092) 2017-10-01 17:59:26 -07:00
Chirag Modi
deced1bf4d Fix #23013: Add boder-top:0 in .list-group-flush .list-group-item (#23108) 2017-10-01 17:23:31 -07:00
Chirag Modi
3ff2a2781f fixed issue with hr tag mention in 23032 (#23078) 2017-10-01 16:53:16 -07:00
Andres Galante
3624025a3b extends the click area of the close btn on modals (#23783) 2017-10-01 09:42:24 +03:00
Andres Galante
bbb6ab1275 changes reset for mixin list reset on pagination 2017-09-30 23:36:30 -07:00
Andres Galante
f02f545e0e changes the order of the close btn on alerts to improve accecibility 2017-09-30 23:32:39 -07:00
Ari Rizzitano
136c49a13f Remove dropdown anchor focus override
Overriding the focus outline for links within the dropdown menu
causes accessibility issues for keyboard-only users. This
removes the override, reenabling the browser's default focus
outline.
2017-09-30 14:19:00 -07:00
Mark Otto
27a015ba15 Reset button element border-radius in Reboot (#24126) 2017-09-27 17:01:00 +03:00
Martijn Cuppens
1d6a6c2abf Add quotes to mapping keys (#23701) 2017-09-27 11:00:42 +03:00
Benjamin Trenkle
7fa20188f2 Remove border-top if list-group follows card-header (#23022) 2017-09-27 10:57:39 +03:00
Prateek Goel
0e054fb9c8 Add style for non-overlapping scrollbar in IE (#24081) 2017-09-26 22:44:00 +03:00
Andrew Luca
dfc946b777 Update comment for forms mixins (#24050)
Check `form-control-focus` mixin, variable name is `$input-focus-border-color`
2017-09-26 18:14:52 +03:00
XhmikosR
c090c79a70 Merge branch 'v4-dev' into btn-active 2017-09-26 17:46:16 +03:00
Andres Galante
71c06b75c6 Fixes rounded corners on first and lat child on vertical btn group (#24119) 2017-09-26 16:51:27 +03:00
XhmikosR
31c8721913 Normalize all links. (#24109)
* use a trailing slash when possible
* use https when possible
* remove a few redirected links
* consistently use `https://popper.js.org/`
* fix `iconUrl` in nuget files
* change Jekyll Windows guide to the official one
2017-09-26 15:24:14 +03:00
schwastek
17fd2c9f84 Improve theme-color-level() using abs() (#24074)
`abs()` gets the absolute value of `$level`.
That way, `if/else` statement can be completely eliminated.
2017-09-26 15:05:59 +03:00
SpicyDwarf
272745673e Fix no rounded corners if there is only one card in a card-group (#24080) 2017-09-26 00:11:32 +03:00
XhmikosR
5cec8e0de6 Minor Sass cleanup and consistency changes. (#23959) 2017-09-17 08:18:24 +03:00
gijsbotje
cc092272ee modified the yiq to to an actual function
function only returns a value, not the attribute itself
updated every use of the former mixin to use the new function
2017-09-13 17:32:44 +02:00
Andres Galante
5becfa6fb1 fixes #23926 responsive state on navbar 2017-09-12 21:41:15 -03:00
Martijn Cuppens
0ccb1e8d9a Fix navbar IE (#23652) 2017-09-12 11:32:43 +03:00
Andres Galante
8e56145e45 changes active state color 2017-09-11 00:53:40 -03:00
Andres Galante
aa5e97da04 adds missing important on utility classs 2017-09-09 17:01:15 -07:00
Andres Galante
782ee6f60e Removes background from form-control-plaintext 2017-09-06 21:02:57 +01:00
Andres Galante
bd8ab1070b changes floats to flex on breadcrumbs (#23683) 2017-09-04 15:36:12 -07:00
Ben Hayward
6c402a6c7c Add correct button-variant mixin hover color (#23657) 2017-09-04 15:34:10 -07:00
Svyatoslav Polishchuk
70ca04bbdc replaced basic line-heights variable with button's line-heights variable for button size classes 2017-08-22 11:08:22 -07:00
Patrick H. Lauke
6ca451ebf8 Add pointer-events declarations
make outer `.modal-dialog` pass through events for custom click
handling, counteract it for the actual `.modal-content`
2017-08-22 10:54:12 -07:00
Patrick Yeo
c1865b4563 Add momentum scrolling on responsive tables for webkit touch devices 2017-08-22 10:47:52 -07:00
Patrick Yeo
f66fa3fa2b Generate series of .table-responsive-* classes to accomodate overflowing tables in a variety of screen sizes 2017-08-22 10:47:52 -07:00
Patrick Yeo
f7eb3c98b2 .thead-dark and .thead-light border color should display the right border color 2017-08-21 18:20:14 -07:00
Patrick Yeo
3bf3bdf420 Rename .table-inverse, .thead-inverse, .thead-default to .table-dark, .thead-dark, .thead-light respectively 2017-08-21 18:20:14 -07:00
Patrick Yeo
0759427935 (#22414) Rename variables $table-inverse-bg, $table-inverse-accent-bg, $table-inverse-hover-bg, $table-inverse-border-color, $table-inverse-color to $table-dark-bg, $table-dark-accent-bg, $table-dark-hover-bg, $table-dark-border-color, $table-dark-color for consistency 2017-08-21 18:20:14 -07:00
Patrick H. Lauke
6b6f45ad67 Exclude input type=range from touch-action:manipulation 2017-08-21 22:45:11 +01:00
Mark Otto
bd3ca58c08 Rename grayscale function to gray 2017-08-21 13:55:25 -07:00
Mark Otto
22f6ee52f0 remove commented out code, fixes #23530 2017-08-20 14:06:05 -07:00
Mark Otto
26e6d8b2b2 drop the now unused -color variable 2017-08-20 13:36:16 -07:00
Mark Otto
c0434f69f4 Merge branch 'fix/badge-default-colors' of https://github.com/jonwolski/bootstrap into jonwolski-fix/badge-default-colors 2017-08-20 13:35:06 -07:00
Mark Otto
834ee9b433 Simplify selector and only override what we set
1. Instead of having two selectors, we use the `.list-group-item` class and have coverage for list items and anchors.
2. Rather than override all border values, we only override what we set with `border-top`.
2017-08-20 12:21:24 -07:00
gijsbotje
bb32e91154 added suggested fix for list-groups with a elements 2017-08-20 12:21:24 -07:00
gijsbotje
2ba0127c91 fixes double border when .list-group.list-group-flush is preceded by .card-header 2017-08-20 12:21:24 -07:00
Alex Chegodaev
1da730c67f added @content directive to media-breakpoint-only mixin for min and max cases 2017-08-20 11:46:55 -07:00
Mark Otto
c4b3d81887 Drop the variables file table of contents and update the comment at the top
I never use this dang list and it just falls out of date far too easily. Dropping for my own sanity.
2017-08-20 11:42:19 -07:00
gijsbotje
6fc9dde727 equalize height of the first card of the card-group 2017-08-20 11:41:16 -07:00
Mark Otto
fd8c052c67 Restore grid offset classes
Fixes #23360 by restoring just the offset class generation to our grid
framework mixins. Also restores the `make-col-offset` mixin.

Docs have been restored to illustrate this behavior and merged with the
newer margin utilities examples.
2017-08-20 11:17:48 -07:00
Jon Wolski
f07d870381
Remove color property from badge class
I suggest removing `color: #FFF` from the `badge` class, because it is
provided by the `badge-<modifier>` classes along with a
background-color, whereas there is no corresponding background-color
provided on the `badge` class itself.

Background
----------

According to the documentation:

> [badge] Requires one of the contextual, color modifier classes for `color` and
> `background-color`.

That is, color and background color should be provided by a modifier
class, rather than the badge class itself.

e.g. `<span class='badge badge-primary'>4</span>`

In general, providing a `color` property without also providing a
`background-color` should be avoided. [W3 QA tips]

In this context, this is a problem only if someone creates a `badge`
without providing a modifier. Such an omition may be difficult to trouble-shoot,
because this will most likely yield white text on a white background.

[W3 QA tips](https://www.w3.org/QA/Tips/color)
2017-08-18 09:35:00 -05:00
Mark Otto
5b8738afc1 Fix .btn-outline-light hover color
Uses some if/else action to ensure there's readable text on hover. Swapped out a hex value to a variable while I was in there.

Fixes #23398, fixes #23351.
2017-08-14 21:07:35 -07:00
Mark Otto
a80198db4d De-dupe width on .fluid-container (#23402)
Fixes #23397
2017-08-14 18:11:44 -07:00
Andres Galante
77777b388d Adds a default flag to paragraph-margin-bottom (#23420) 2017-08-14 18:09:44 -07:00
Jacob Müller
63909cacb1 Remove remaining v4 alpha references (#23414)
* Remove remaining references to v4 Alpha

This commit removes the remaining refrences to the v4 Alpha website and replaces them with the
corresponding v4 Beta ones.

**Note:** We have to hard code the current docs version at some places. Wouldn't it be good to have a `/docs/latest/` redirect to solve this "issue" in the future?

* Don't update the domain in the CNAME file
2017-08-14 18:08:31 -07:00
Jurre
d3f09ff3ea Removed comment (#23415)
There is no _custom.scss file anymore.
2017-08-14 18:07:44 -07:00
Andres Galante
1cfbc2c62d changes 1px to border-width variable on cards 2017-08-14 14:02:16 -07:00
Patrick Yeo
e6042e6f44 Add option to disable carets on dropdowns through $enable-caret 2017-08-14 09:10:17 -07:00
Tomáš Kout
453a5fa033 Move the gap between inline checkboxes to right (#22607) 2017-08-13 14:58:47 -07:00
Mark Otto
0bc39aa30a Use empty Sass map and merge into it for easier customization of color maps (#23260) 2017-08-13 14:56:30 -07:00
Mark Otto
cd22eb1da0 Button code cleanup (#22951)
* use a mixin there
* revamp .btn-link to match default and outline variants
* remove unnecessary properties
2017-08-13 14:55:28 -07:00
Mark Otto
bb0cab9f10 move max-width: 100% on .container to the root of the make-container mixin so it's not repeated at compilation (#22947) 2017-08-13 14:54:57 -07:00
Mark Otto
54d76805a5 Redo .card-deck and .card-group so they're always flex (#22860) 2017-08-13 14:53:24 -07:00
Mark Otto
bde9c64ca9 Apply the invalid/valid state to the class name 2017-08-12 18:24:49 -07:00
Patrick Yeo
80cf395e4d Remove vertical-align: middle from .input-group-addon and .input-group-btn left over from V3 2017-08-12 18:22:48 -07:00
Patrick Yeo
02ae73fc0f Apply align-items: center; to .input-group instead of input group sub components, causes .input-group .form-control and .input-group-addon to be large when next to a tall element 2017-08-12 18:22:48 -07:00
razh
9d988de054 Remove extra spaces from spacing utilities (#23337) 2017-08-12 09:11:41 +03:00
Patrick Yeo
34257d25a5 Pagination border-widths greater than 1px cause uneven borders between items 2017-08-10 23:24:37 -07:00
Patrick Yeo
a0521efbb5 Input Group Addon add option to configure $input-group-addon-color 2017-08-10 23:11:18 -07:00
Prateek Goel
7b66aeb2f6 Fix to Chrome inheritance bug (#22872) (#23118)
* Fix to Chrome inheritance bug (#22872)

* Remove box-sizing from html

box-sizing removed from html and order of wild card selected and html selector swapped to maintain correctness of comments.
2017-08-10 23:05:32 -07:00
Patrick Yeo
ffa789327b Custom File padding-x and padding-y values are reversed (#23067)
Custom File `$custom-file-focus-box-shadow` should show even if box shadows are disabled

Custom File variables should inherit from inputs
2017-08-10 23:01:52 -07:00
Prateek Goel
7c452ac607 Add margin variable for paragraphs (#23140) 2017-08-10 23:00:01 -07:00
Prateek Goel
9497c2164c Add margin variable for breadcrumb (#23138)
* add margin variable for breadcrumb

* add margin variable for breadcrumb correction

* breadcrumb margin variable changes after review
2017-08-10 22:59:21 -07:00
Patrick Yeo
c5903ddfd6 $input-height-inner-lg should use $font-size-lg instead of $font-size-sm (#23150) 2017-08-10 22:58:40 -07:00
Morgan Stone
b76357d57d Reduce number of spacing rules (#23208)
* reduce # of spacing rules by combining x & y with t r b l

* Remove unnecessary spaces
2017-08-10 22:58:12 -07:00
Pascal Pixel
4634b39a1b Emoji Defaults (#22565) 2017-08-10 22:51:42 -07:00
Dave Poole
120a14237e remove unnecessary line-height 2017-08-10 22:50:59 -07:00
Dave Poole
36a21f355c remove comments, align-items, and unnecessary height 2017-08-10 22:50:59 -07:00
Dave
1ab4f57af4 Fixes PropertySortOrder errors 2017-08-10 22:50:59 -07:00
Dave
ad84eeb6e9 Fixes hound code style/standards 2017-08-10 22:50:59 -07:00
Dave
c2c06bc581 _progress.scss: makes bars 100% height, centers labels horizontally & vertically 2017-08-10 22:50:59 -07:00
envolute
eeb1ccab9b Change border class
The class ".border" (css/utilities/_borders.scss) is set the border-color to "$gray-200".
So I see that it would be nice to create a variable for the border color "$border-color". Because the default border should not always be "gray-200".
Another thing, there is a "$border-width" variable. Would not it be better to use this variable to set the default width of the border?
2017-08-10 22:48:26 -07:00
envolute
0c3ed5d3f0 Add "$border-color" variable 2017-08-10 22:48:26 -07:00
Mark Otto
79fcb527bf Add SF Mono to the monospace font stack 2017-08-10 22:47:54 -07:00
Patrick Yeo
056e5594ef Only add CSS transitions on Buttons for background-color, border-color, and box-shadow 2017-08-10 22:47:18 -07:00
Mark Otto
365c9753f8 Ensure alignment of modal dismiss when no .modal-title is present 2017-08-10 22:45:48 -07:00
Mark Otto
09019a8ecd Set explicit text-align on <body> element so we can use inherit to override the default <th> text-align value 2017-08-10 22:43:50 -07:00
Nathan Woltman
f95282c27e Fix border on input group elements and custom form inputs
c3e4cbd changed the border of input elements to be translucent. This commit makes
input group elements and custom form inputs follow the same pattern.
2017-08-10 22:41:21 -07:00
Mark Otto
1846ab34f6 300, not light 2017-08-10 22:40:02 -07:00
Mark Otto
1e38b45980 Add $font-weight-light var 2017-08-10 22:40:02 -07:00
Mark Otto
ed4f5778a9 Add .font-weight-light class, add !important to the classes 2017-08-10 22:40:02 -07:00
Mark Otto
006590ed9a Remove broken CSS that tried to reset the absolute positioning when there was no text 2017-08-10 22:36:35 -07:00
Mark Otto
3fbdedbf22 Add basic property-value utils for position 2017-08-10 22:35:38 -07:00
Mark Otto
35f80bb12e bump to beta 2017-08-10 20:56:35 -07:00
lucascono
08b89972c5 Fix the min breakpoint in media-breakpoint-between 2017-08-08 00:07:42 -07:00
Mark Otto
2cd2301e7a Add .bg-white and .border-white 2017-08-07 22:06:53 -07:00
Patrick Yeo
cd3507aba6 Dropup dropdown-menu should have margin on the bottom instead of top 2017-08-04 15:17:50 -07:00
Patrick Yeo
0501b029f5 (#22414) Rename for consistency $dropdown-margin-top to $dropdown-spacer 2017-08-04 15:17:50 -07:00
Mark Otto
73040d4311 fix navbar alignment for never expand situations 2017-08-04 15:15:25 -07:00
Mark Otto
987ac632b5 given width: 100% is always on a container now and it's constrained by max-width, we can remove our navbar changes from #21722 and #22383 2017-08-04 15:14:24 -07:00
Chirag Modi
b2712048ce make changes as per suggestion in #23100 2017-07-18 11:48:59 +05:30
Chirag Modi
a52a1fbb13 remove change which set from variable and make those in container class 2017-07-18 11:44:56 +05:30
Chirag Modi
f05bd63d8e fixed issue #23100 2017-07-17 13:29:49 +05:30
Patrick Yeo
696b2bee11 (#22414) Rename for consistency $custom-checkbox-border-radius, $custom-checkbox-icon-checked, $custom-checkbox-indeterminate-bg, $custom-checkbox-icon-indeterminate, $custom-checkbox-indeterminate-box-shadow, $custom-radio-border-radius, $custom-radio-icon-checked to $custom-checkbox-indicator-border-radius, $custom-checkbox-indicator-icon-checked, $custom-checkbox-indicator-indeterminate-bg, $custom-checkbox-indicator-icon-indeterminate, $custom-checkbox-indicator-indeterminate-box-shadow, $custom-radio-indicator-border-radius, $custom-radio-indicator-icon-checked, respectively 2017-07-16 12:36:26 -07:00
Patrick H. Lauke
7a781b2ae0 Remove ::first-letter and ::first-line selectors from print styles
Bootstrap itself doesn't use any `::first-letter` or `::first-line`
styles. These selectors also cause(d) problems in IE11 (see
https://github.com/h5bp/html5-boilerplate/pull/1799) and currently cause
a nasty rendering bug in Chrome where the first letter is vertically
shifted (see https://github.com/twbs/bootstrap/issues/21771)

As h5bp has now removed these as well, no need to keep and comment them
out. See https://github.com/h5bp/html5-boilerplate/issues/1961 /
https://github.com/h5bp/html5-boilerplate/pull/1962
2017-07-11 19:51:21 +01:00
Patrick H. Lauke
edae6a2e1d Remove box-shadow from .btn-link:focus (#22998)
When focused, these buttons styled as links still give good visible focus indication through the underline, so this should not be a concern. Closes #22655
2017-07-05 10:54:26 +02:00
Mark Otto
de78b71bab fixes #22981 2017-07-03 19:04:31 -07:00
Mark Otto
3b08beb37a follow up to 4e067f722 2017-07-01 23:40:51 -07:00
Mark Otto
7bce8648ed Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-07-01 23:36:11 -07:00
Mark Otto
4e067f7229 remove unused $list-group-color variable; it should naturally inherit from the body 2017-07-01 23:35:57 -07:00
Mark Otto
f282a88475 update comment 2017-07-01 23:25:28 -07:00
Mark Otto
4b6d2c0b3c put button active bg and border in the mixin params for more customization options 2017-07-01 23:25:28 -07:00
Mark Otto
e7ae1d9069 match btn transition to input 2017-07-01 23:10:01 -07:00
Mark Otto
7085988f06 doh, we already have that above 2017-07-01 23:05:51 -07:00
Mark Otto
6f073edc79 Add .text-truncate class. We already had a mixin and documented the class, so this fixes that. 2017-07-01 23:05:51 -07:00
Mark Otto
4b84614e7f Redo the "responsive helpers" files
- Moves the embed SCSS to the utilities subfolder
- Separate the floats from the embed docs
- Rename embed docs from responsive helpers to embeds
2017-07-01 23:05:51 -07:00
Mark Otto
11e18af1b6 remove some unused vars, restore table-active variant 2017-07-01 22:57:19 -07:00
Mark Otto
3e2318cf7c badge variants are generated from -colors Sass map 2017-07-01 22:57:19 -07:00
Mark Otto
848a746a89 button variants are generated from -colors Sass map 2017-07-01 22:57:19 -07:00
Mark Otto
97a5bc4870 no xs sizes being used 2017-07-01 22:57:19 -07:00
Mark Otto
3603088454 Restore .text-muted 2017-07-01 19:01:58 -07:00
Mark Otto
2bf4de0698 Update carousel display settings
Use `display: block` since we're not really using any flex styles on the `.carousel-items` (only their controls and indicators). For the indicators, since moving to `width`, our indicators grow to fill available space, so we need to change `flex: 1 0 auto` to `flex: 0 1 auto` to prevent that.
2017-07-01 16:59:16 -07:00
Mark Otto
75156f419a using max-width in flex: 1 0 auto; in ie11 offsets the center-aligned contents 2017-07-01 11:21:20 -07:00
Mark Otto
2d4534e112 use @supports to apply transform3d to those who can do it, then provide a non-3d fallback to ie11 2017-07-01 11:21:20 -07:00
Mark Otto
88b9e558fb clip to border-box, update overlay 2017-06-30 15:28:50 -07:00
Mark Otto
9a2b202e8e add a bg-transparent to override bgs 2017-06-30 15:23:36 -07:00
Mark Otto
2feebccf24 make card headers and footers translucent 2017-06-30 15:23:36 -07:00
Mark Otto
180d78c013 Drop .card-{color} modifiers for .bg-{color}, .text-{color}, and .border-{color} utilities 2017-06-30 15:23:36 -07:00
Mark Otto
45722e94ac Drop .blockquote-reverse, replace with text utils, and redesign blockquote to not have a border 2017-06-30 15:04:56 -07:00
Mark Otto
16781be021 drop the mixins 2017-06-30 11:44:09 -07:00
Mark Otto
deeae4f820 Update _grid-framework.scss 2017-06-30 11:44:09 -07:00
Mark Otto
4982926dcf Drop offsets and push/pull for new order variants 2017-06-30 11:44:09 -07:00
Mark Otto
d30b5b120e remove unused mixin, fix variable 2017-06-30 09:01:39 -07:00
Mark Otto
b013b987b0 remove grid gutter sass map as it's output css was all jacked up 2017-06-30 09:01:39 -07:00
Mark Otto
ac00c73ab5 update comment 2017-06-29 23:17:18 -07:00
Mark Otto
964e06800a Drop the old $gray- variables for the new color range 2017-06-29 23:15:27 -07:00
Mark Otto
a21a9f341b add map function for grays 2017-06-29 23:06:46 -07:00
Mark Otto
6fbceb2f70 remove $state-vars now 2017-06-28 09:38:27 -07:00
Mark Otto
0f232de9d7 move table variants to use sass map 2017-06-28 09:36:27 -07:00
Mark Otto
3e0375e03b move list group variants to be generated from sass map 2017-06-28 09:29:59 -07:00
Mark Otto
91b587ad6a remove now unused alert variant variables 2017-06-28 09:23:10 -07:00
Mark Otto
41f4ddbdb5 Merge branch 'v4-dev' into colors-redux 2017-06-26 15:17:48 -07:00
Mark Otto
0622a59897 fixes #22908 2017-06-26 07:59:20 -07:00
Mark Otto
9bfbee3503 add border color utilities 2017-06-25 18:39:14 -07:00
Mark Otto
6c595d2cc1 add theme-color-level function and interval so we can generate shades of colors 2017-06-25 18:31:03 -07:00
Mark Otto
9372eef9e1 rename .card-inverse to .card-dark, update docs to match 2017-06-25 18:30:24 -07:00
Mark Otto
36e482ed27 update navbars to rename .navbar-inverse to .navbar-dark, update all navbar examples and variables 2017-06-25 18:29:43 -07:00
Mark Otto
2392047a0c update alert component to use theme sass map and add a ton of options in the process 2017-06-25 18:22:51 -07:00
Mark Otto
fc053ed096 update background utils 2017-06-25 18:16:37 -07:00
Mark Otto
aa83c4f417 update badges to use the theme colors sass map 2017-06-25 18:15:32 -07:00
Mark Otto
370e299c6b modify contrast value 2017-06-25 18:11:16 -07:00
Mark Otto
b973fe6b94 update theme colors 2017-06-25 18:08:43 -07:00
Mark Otto
222eddda5e Merge branch 'v4-dev' into colors-redux 2017-06-18 18:32:42 -07:00
obinnangini
532493e6ec Updated flex-basis property to fix issue #18569 in .scss files 2017-06-18 18:17:48 -07:00
Mark Otto
1a23321fc0 Update _buttons.scss 2017-06-18 10:53:27 -07:00
Mark Otto
597e9f8618 remove - vars, update docs to generate from data yml files, update mixins, and generate card, button, bg, and color classes from the sass map 2017-06-18 02:57:16 -07:00
Mark Otto
74f1d002b4 Merge branch 'v4-dev' into colors-redux 2017-06-18 02:19:34 -07:00
Patrick Yeo
845320fe8c @mixin pagination-size() doesn't apply line-height 2017-06-18 02:11:33 -07:00
Ken Paulsen
a47f373e82 Fix mixin media-breakpoint-only
Prevent mixin media-breakpoint-only from breaking when supplying the
first or last entry in $grid-breakpoints.
2017-06-18 02:08:11 -07:00
Mark Otto
d2508ec506 Update _borders.scss 2017-06-17 23:20:56 -07:00
Mark Otto
da2629907e move from mixins and add important flag 2017-06-17 23:20:56 -07:00
Mark Otto
5476e636ce limit active styles for nav-pills to immediate children 2017-06-17 22:40:07 -07:00
Mark Otto
1b722372a8 update comment 2017-06-17 20:25:35 -07:00
Mark Otto
60d8c8754f wrap .sticky-top in supports query 2017-06-17 13:13:47 -07:00
Catalin Zalog
f640ec9662 Some .navbar .dropdown-menu optimisation (#22776) 2017-06-17 13:12:39 -07:00
Johann-S
af93db294b Reset Popper.js styles for Dropdowns in navbar 2017-06-17 13:12:39 -07:00
Patrick Yeo
9f0929013e (#22414) Rename for consistency $list-group-link-*-* to $list-group-action-*-* 2017-06-16 18:58:21 -07:00
Mark Otto
2ad2d71f66 add new color vars and maps 2017-06-15 11:16:27 -07:00
Mark Otto
c31d524998 add color contrast and map-get functions 2017-06-15 11:15:48 -07:00
Mark Otto
9c0e423008 Rename popover classes
Part of an update to align the naming schemes across our components.

- Renames .popover-title to .popover-header
- Renames .popover-content to .popover-body

Refs: #22092
2017-06-15 09:05:30 -07:00
Mark Otto
6c8c0aa4cf Rename .card-block to .card-body to match nomenclature of modals 2017-06-15 09:05:16 -07:00
Mark Otto
e62b121226 Merge branch 'v4-dev' into rip-custom 2017-06-14 20:59:02 -07:00
Mark Otto
ac96ecbec5 rearrange, add comments 2017-06-14 20:55:00 -07:00
Mark Otto
5da5a38f0d Move scss functions from top of variables to separate file, then import it into other build files 2017-06-14 20:55:00 -07:00
Mark Otto
5818374fdf Merge branch 'v4-dev' into rip-custom 2017-06-14 20:45:31 -07:00
Patrick H. Lauke
ff5c75510d Rename .form-control-static to .form-control-readonly-plain 2017-06-14 19:51:50 -07:00
Mark Otto
aa8c456a16 Remove the confusing _custom.scss file 2017-06-13 22:45:16 -07:00
Mark Otto
7e5085b407 move from .gutters-sm to .form-row to be super explicit about intended use case 2017-06-13 22:11:29 -07:00
Mark Otto
21b874d19d Merge branch 'v4-dev' into form-tweaks 2017-06-13 20:15:42 -07:00
Patrick Yeo
d7867377d9 (Fixes #22414) Rename for consistency $custom-checkbox-radius, $custom-checkbox-checked-icon, $custom-checkbox-indeterminate-indicator-color, $custom-checkbox-indeterminate-icon, $custom-radio-radius, $custom-radio-checked-icon, $custom-select-sm-font-size, to $custom-checkbox-border-radius, $custom-checkbox-icon-checked, $custom-checkbox-indicator-indeterminate-color, $custom-checkbox-icon-indeterminate, $custom-radio-border-radius, $custom-radio-icon-checked, $custom-select-font-size-sm respectively 2017-06-13 19:22:49 -07:00
Patrick Yeo
a362d62d31 Rename $font-size-h* to $h*-font-size for consistency (#22414) 2017-06-13 08:46:29 -07:00
Patrick Yeo
c349f59174 Rename for consistency $table-sm-cell-padding, $table-bg-accent, $table-bg-hover, $table-bg-active, $table-inverse-bg-accent, $table-inverse-bg-hover to $table-cell-padding-sm, $table-accent-bg, $table-hover-bg, $table-active-bg, $table-inverse-accent-bg, $table-inverse-hover-bg, respectively (#22414) 2017-06-13 08:46:15 -07:00
Patrick Yeo
4cc21bbf74 (#22414) Rename for consistency $input-bg-disabled, $input-bg-focus, $input-border-color-focus, $input-box-shadow-focus, $input-color-focus, $input-color-placeholder to $input-disabled-bg, $input-focus-bg, $input-focus-border-color, $input-focus-box-shadow, $input-focus-color, $input-placeholder-color, respectively 2017-06-13 08:45:50 -07:00
Patrick Yeo
2317b7fc96 (#22414) Rename for consistency $custom-control-disabled-indicator-bg, $custom-control-disabled-description-color, $custom-control-checked-indicator-color, $custom-control-checked-indicator-bg, $custom-control-checked-indicator-box-shadow, $custom-control-focus-indicator-box-shadow, $custom-control-active-indicator-color, $custom-control-active-indicator-bg, $custom-control-active-indicator-box-shadow to $custom-control-indicator-disabled-bg, $custom-control-description-disabled-color, $custom-control-indicator-checked-color, $custom-control-indicator-checked-bg, $custom-control-indicator-checked-box-shadow, $custom-control-indicator-focus-box-shadow, $custom-control-indicator-active-color, $custom-control-indicator-active-bg, $custom-control-indicator-active-box-shadow, respectively 2017-06-13 08:45:36 -07:00
Patrick Yeo
3ecb8b661b (#22414) Renamed for consistency $nav-disabled-link-color, $nav-tabs-active-link-color, $nav-tabs-active-link-bg, $nav-tabs-active-link-border-color, $nav-pills-active-link-color, $nav-pills-active-link-bg to $nav-link-disabled-color, $nav-tabs-link-active-color, $nav-tabs-link-active-bg, $nav-tabs-link-active-border-color, $nav-pills-link-active-color, $nav-pills-link-active-bg, respectively 2017-06-13 08:45:21 -07:00
Patrick Yeo
5e651615a3 (#22414) Renamed for consistency $modal-dialog-sm-up-margin-y, $modal-content-xs-box-shadow, $modal-content-sm-up-box-shadow, to $modal-dialog-margin-y-sm-up, $modal-content-box-shadow-xs, $modal-content-box-shadow-sm-up, respectively 2017-06-13 08:45:11 -07:00
Mark Otto
441f114681 Update _variables.scss 2017-06-13 08:44:55 -07:00
Mark Otto
c5d4430367 Mention variable naming scheme to help with #22414 2017-06-13 08:44:55 -07:00
Mark Otto
94ed0d901b move to mixin so we can repeat it easier and allow folks to extend to custom states 2017-06-10 16:30:26 -07:00
Mark Otto
d6b0334a4e remove icons for now 2017-06-06 22:45:37 -07:00
Mark Otto
58b7239c6c add valid state 2017-06-06 21:53:23 -07:00
Mark Otto
6c214ad4c2 drop the old validation styles and docs 2017-06-06 11:27:29 -07:00
Mark Otto
d2c9f3f00a flesh out invalid styles on .was-validated 2017-06-05 23:00:14 -07:00
Patrick Yeo
891bca435f Fix overflowing text in Cards with word-wrap: break-word 2017-06-03 22:19:19 -07:00
Patrick Yeo
ec56bbe6bf Rename $card-border-radius-inner to $card-inner-border-radius 2017-06-03 22:17:57 -07:00
Tom Van Rompaey
3a00b005c1 fix small typo inside _button-group.scss (#22746)
fron -> front
2017-06-03 09:53:50 +02:00
Mark Otto
4a554e5ff5 trying out new validation styles 2017-06-01 08:06:17 -07:00
Mark Otto
f13eb51940 Merge branch 'v4-dev' into form-tweaks 2017-05-31 21:29:23 -07:00
Mark Otto
332d882cdb Merge branch 'v4-dev' into v4-docs-streamlined 2017-05-31 20:46:29 -07:00
Patrick Yeo
0800c7e1c8 Rename $card-link-hover-color to $card-inverse-link-hover-color 2017-05-31 20:34:01 -07:00
Mark Otto
f1a7f1f56a Merge branch 'v4-docs-streamlined' of https://github.com/twbs/bootstrap into v4-docs-streamlined 2017-05-31 09:09:55 -07:00
Mark Otto
2fd192968d Merge branch 'v4-dev' into v4-docs-streamlined 2017-05-30 23:31:40 -07:00
Mark Otto
960e73c16f tweak dropdown caret size and placement 2017-05-30 13:59:24 -07:00
Mark Otto
48d17bc8b8 keep width, add comment 2017-05-28 21:12:55 -07:00
Mark Otto
8a2d845a4f Fix responsive .col-{infix}-auto
Responsive automatic column resets weren't working because they inherited their `max-width` from lower grid tiers. This was because we were resetting the `width`, not the `max-width`.
2017-05-28 21:12:55 -07:00
Mark Otto
7c9efe786a move .scss-lint.yml to route dir instead of symlink (which didn't work) 2017-05-27 17:54:23 -07:00
Mark Otto
04724939a3 Merge branch 'v4-dev' into form-tweaks 2017-05-26 21:22:08 -07:00
Patrick Yeo
f2829dd6ea Rename $navbar-*-toggler-bg to $navbar-*-toggler-icon-bg since it's placed on .navbar-toggler-icon (#22564) 2017-05-26 20:55:07 -07:00
Mark Otto
7e1497ddb8 Revert simplified grid column styles from #22376
The premise for #22376 was that if we removed the `max-width` and `flex` properties, we could use the column classes as `width` utilities. The problem that I didn't remember at the time is that column classes have horizontal `padding` on them. This doesn't work for setting `width`. Perhaps more importantly, this causes #22649—the automatic sizing of columns is broken with the absence of `flex` styles.

/cc @sachinsinghi
2017-05-26 20:16:12 -07:00
Mark Otto
a11ae7facf add a compact gutter option, .gutters-sm 2017-05-26 20:15:05 -07:00
Mark Otto
2a833d559a Add box-shadow to .progress-bar (#22579)
* Add box-shadow to .progress-bar

Puts an unused variable back in use for when folks set `$enable-shadows` to `true`.
2017-05-25 21:32:59 -07:00
Johann-S
4c3b6c5ceb Placement auto for popovers 2017-05-24 14:57:40 +02:00
Johann-S
2c72af88ee Placement auto for tooltips 2017-05-24 14:57:40 +02:00
Johann-S
aa36439e17 Use Popper.js to manage arrow position 2017-05-23 15:19:54 +02:00
Catalin Zalog
3706c88348 Fix (css): force .navbar .dropdown-menu positioning 2017-05-22 16:20:58 +02:00
Johann-S
b36d8ae6cb Use popper to align dropdown menu instead of using css with important 2017-05-17 22:03:11 +02:00
Johann-S
ba2352c14e Force dropdown to be displayed in position static for navbar, to override Popper css 2017-05-16 14:48:12 +02:00
Johann-S
2b403819b7 Fix tooltip margin to be stick at their caller 2017-05-14 11:41:19 +02:00
Johann-S
dc35a840dc Fix dropdown-menu-right and dropdown-menu-left for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
fc8b85b626 Fix some css for the arrow of Popover/Tooltip + update documentation 2017-05-14 11:41:19 +02:00
Johann-S
53ee455bc7 Handle dropup for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
69de65180f Fix unit tests + Update Popper to 1.6.0 2017-05-14 11:41:19 +02:00
Johann-S
54a8ab4011 Begin to use Popper for Dropdown 2017-05-14 11:41:19 +02:00
Johann-S
d8996a7e0a Fix arrow for tooltip and popover 2017-05-14 11:41:19 +02:00
Mark Otto
ee1af53d9f Merge branch 'v4-dev' into form-tweaks 2017-05-07 17:44:57 -07:00
Sebastiaan Nijland
6c5346e300 Removed several unused scss variables (#22539) 2017-05-07 17:41:14 -07:00
Patrick H. Lauke
7338da0cdb Add shim for "new" HTML5 structural elements (#22573)
For IE10 (and any older browsers) support , so at least the layout doesn't fall apart if author is using them.
2017-05-05 09:53:45 +01:00
Mark Otto
ca44f5b03a Redo the small custom select vars
— Sizing shorthand comes last
— Add height var and put it to use
2017-04-22 11:56:27 -07:00
Mark Otto
dc3af6711d Change how input and select height is computed
— Previously we weren't including the border-width on the computed height, leading to alignment issues.

— New system utilizes three variables (not ideal, but straightforward) for computing these heights. One for the vertical border, one for the line-height/font-size/padding dance, and one to add those together.

— Updates CSS across forms and custom forms to use new sizing. Special note here: form validation icon sizing uses the inner variables because background-image doesn't bleed into borders unless explicit background-clip.
2017-04-22 11:56:01 -07:00
Mark Otto
5463d8436b Merge branch 'v4-dev' into form-tweaks 2017-04-21 23:36:24 -07:00
Mark Otto
7efe4ddee4 Match validation mixin focus state to normal focus state 2017-04-21 23:30:06 -07:00
Patrick Yeo
dd0ce3e4b2 Rename variable $input-border-focus to $input-border-color-focus (#22413)
* Rename variable $input-border-focus to $input-border-color-focus
* Rename variables $pagination-hover-border, $pagination-active-border, $pagination-disabled-border to $pagination-hover-border-color, $pagination-active-border-color, $pagination-disabled-border-color, respectively
* Rename variables $state-*-border to $state-*-border-color, respectively
* Rename variables $alert-*-border to $alert-*-border-color
* Rename $list-group-active-border to $list-group-active-border-color
* Rename $table-inverse-border to $table-inverse-border-color
* Rename $btn-*-border to $btn-*-border-color
* Rename $navbar-*-toggler-border to $navbar-*-toggler-border-color
2017-04-16 15:45:10 -07:00
Mark Otto
2075610491 Prevent long words in .card-titles from breaking auto layout 2017-04-16 14:02:12 -07:00
Patrick H. Lauke
6d64afe508 Replace dropdown backdrop hack with cleaner JS-only hack
* Replace backdrop with simple noop mouse listener

As discussed in https://github.com/twbs/bootstrap/pull/22422 the current
approach of injecting a backdrop (to work around iOS' broken event
delegation for the `click` event) has annoying consequences on
touch-enabled laptop/desktop devices.
Instead of a backdrop `<div>`, here we simply add extra empty/noop
mouse listeners to the immediate children of `<body>` (and remove
them when the dropdown is closed) in order to force iOS to properly
bubble a `click` resulting from a tap (essentially, method 2 from
https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
This is sufficient (except in rare cases where the user does manage to tap
on the body itself, rather than any child elements of body - which is not
very likely in an iOS phone/tablet scenario for most layouts) to get iOS to
get a grip and do the correct event bubbling/delegation, meaning the regular
"click" event will bubble back to the `<body>` when tapping outside of the dropdown,
and the dropdown will close properly (just like it already does, even without
this fix, in non-iOS touchscreen devices/browsers, like Chrome/Android and
Windows on a touch laptop).
This approach, though a bit hacky, has no impact on the DOM structure, and
has no unforeseen side effects on touch-enabled laptops/desktops. And crucially,
it works just fine in iOS.

* Remove dropdown backdrop styles

* Update doc for dropdowns and touch-enabled devices
2017-04-14 09:19:00 +01:00
Idan Cohen
8c97532719 Fix popover arrow color for bottom position 2017-04-13 10:52:41 +02:00
Patrick H. Lauke
7056f70240 Remove cursor: not-allowed styles 2017-04-10 22:10:20 +01:00
Mark Otto
0cb2576bf2 fixes #21922: set border-radius to 0 when global radius is disabled 2017-04-08 21:58:26 -07:00
Mark Otto
7f075bfb23 fixes #22135 2017-04-08 21:26:25 -07:00
Mark Otto
09f98fbd0e Update card outline mixin
Fixes #22056 by ensuring outline cards make their header/footer transparent and use the right border color.
2017-04-08 21:25:38 -07:00
Mark Otto
e1c3f79e98 tighten up horizontal input and button padding 2017-04-08 21:25:02 -07:00
Mark Otto
01dbc4cc05 Bump up from 2px to 3px so it's consistent; also fix focus of inputs 2017-04-08 21:24:03 -07:00
Mark Otto
2dfffbde89 Rename some .open to .show (#22389)
* no more outline overrides
* rename old .open to .show
2017-04-08 16:30:18 -07:00
Mark Otto
0c59741812 property order 2017-04-08 16:29:21 -07:00
Mark Otto
90c18ebd19 Switch to ease function to remove trailing animation movement 2017-04-08 16:29:21 -07:00
Pierre-Denis Vanduynslager
73cfefd594 Do not stretch images in carousel-item 2017-04-08 16:29:21 -07:00
Mark Otto
ab67ffe167 Ensure carousel works in IE10/11
- Drops the `if-supports-3d-transforms()` mixin since all our browsers do support it

- Updates carousel to not rely on that mixin
2017-04-08 16:29:21 -07:00
Mark Otto
feb35b94a6 Revert "Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376)"
This reverts commit 2f21403a93.
2017-04-08 15:15:14 -07:00
Mark Otto
fba27befef Add transition to .progress-bar
- Pulls in values from v3
- Closes #22371 which didn't use a transition include
2017-04-08 14:40:35 -07:00
Mark Otto
050aab338b Add dropdown-item-padding-y var
- Closes #21622 which kept the 3px
- Puts variable in proper order for shorthand (y x)
2017-04-08 14:40:11 -07:00
Mark Otto
2f21403a93 Drop width from sizing utils given .col- classes can do the same thing (follow up to #22376) 2017-04-08 14:23:47 -07:00
Jesper Strange Klitgaard Christiansen
11c2c07e26 Remove margin-left on caret if empty (#22095) 2017-04-08 14:23:07 -07:00
Mark Otto
cf2de1fd05 Drop .jumbotron-hr
- Closes #21760
- No longer needed since we have an rgba() value for this element, so it naturally darkens
2017-04-08 14:21:18 -07:00
Mark Otto
9a475730dc Docs and CSS updates for #21807 (#22336)
* tweak some copy
* fix up scrollspy docs
* remove nav styles that were added
* fix nav-based docs by requiring .nav-item on .nav-link
2017-04-08 13:58:20 -07:00
Catalin Zalog
f7881336e5 css: just some ordering
Order y & x axis by top, right, bottom, left logic
2017-04-08 13:10:25 -07:00
Catalin Zalog
758503e9ae css: .navbar child's aligning
Vertical centering `.navbar` flex children's

Demo: http://jsbin.com/fibini
2017-04-08 12:38:37 -07:00
Catalin Zalog
8423e5c3e6 css: .navbar-expand .dropdown position
Set/reset `.dropdown` position when `.navbar-expand`.

Demo: http://jsbin.com/pojecuh
2017-04-08 12:36:28 -07:00
Mark Otto
2436ad589c drop flex and max-width, just use width 2017-04-07 14:22:49 -07:00
Mark Otto
c6168b64ed Remove system-ui from font stack due to i18n issues 2017-04-07 14:22:18 -07:00
Catalin Zalog
094b3a1293 css: .container-fluid 100%
Force .container-fluid to be 100% width no matter if the parent is flex, or not.

Pen: http://codepen.io/zalog/pen/yMwyGr
2017-04-03 08:59:33 -07:00