Commit graph

1750 commits

Author SHA1 Message Date
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
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