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

2372 Commits

Author SHA1 Message Date
Martijn Cuppens
952374654c Fix custom select font sizes (#27929) 2018-12-29 04:44:35 +02:00
Martijn Cuppens
8eef162c44 Match input font size for .input-group-text (#27941) 2018-12-28 23:18:10 +02:00
XhmikosR
ee09d96628
reboot: Fix comment (#27937) 2018-12-28 00:48:51 +02:00
Martijn Cuppens
8bf823e22d Fix form-feedback-icon-invalid color (#27935) 2018-12-27 23:05:29 +02:00
XhmikosR
3c88ed7069
Fix 4:3 embed (#27910) 2018-12-23 13:58:58 +02:00
Martijn Cuppens
81e35985b8 Simplify card group css (#27901) 2018-12-23 09:19:07 +02:00
Martijn Cuppens
39b14c9806 Blacklist border-radius property (use mixin instead) (#27900) 2018-12-23 09:11:11 +02:00
XhmikosR
74a2d93517
Merge branch 'v4-dev' into stretched-link 2018-12-22 18:32:28 +02:00
Mark Otto
15be9d3277
Add variable for dropdown-divider-margin-y (#27857)
* Add variable for dropdown-divider-margin-y

For us to reassign the nav-divider-margin-y variable here, we have to rearrange some of the variables.

Fixes #26660.

* bump bundlesize
2018-12-21 20:59:40 -08:00
Mark Otto
d51b408d0f Merge branch 'text-break-util' into v4-dev 2018-12-21 15:35:55 -08:00
Mark Otto
fca7531897 Merge branch 'table-dark-colors' into v4-dev 2018-12-21 14:49:11 -08:00
Mark Otto
cdcfd3b1e8 Merge branch 'text-break-util' into v4-dev 2018-12-21 14:47:52 -08:00
ysds
27d691c64c Prevent unnecessary css when $emphasized-link-hover-darken-percentage is 0 or 0% 2018-12-21 14:46:20 -08:00
Martijn Cuppens
20f49143fc Sync modal header & footer border colors with $border-color 2018-12-21 13:56:44 -08:00
Martijn Cuppens
8bc118acce Sync $table-border-color with $border-color 2018-12-21 13:56:11 -08:00
Shohei Yoshida
cda3301d08 Use border-radius() mixin for toast 2018-12-21 13:55:44 -08:00
Martijn Cuppens
fc841b0ceb #27135: themed link focus state & selector improvement (#27136) 2018-12-21 13:55:05 -08:00
Sam Tape
9d3930b6dd Apply arrow styles to direct descendants of bootstrap popover classes
With the current styles, it is not possible to nest a popover inside of
another popover if they have different placements because the arrow
styles of the parent popover will conflict with the arrow styles of the
child popover.
2018-12-21 13:54:29 -08:00
Mark Otto
f6abb4976f
Prevent checks from shrinking in inline forms (#27870)
Fixes #25336
2018-12-21 13:52:02 -08:00
Mark Otto
2e1d0fed00
Add table-hover-color variables (#27850)
* Add table-hover-color variables
Fixes #26465

* Put $table-color to use outside _variables.scss
2018-12-21 13:51:38 -08:00
Mark Otto
d9712b7bcd Merge branch 'table-hover-colors' into v4-dev 2018-12-21 13:48:44 -08:00
Mark Otto
9e4e94747b
Bump to v4.2.1 (#27892) 2018-12-21 10:55:28 -08:00
Mark Otto
eda851ee76 Prep for v4.2.0 release
- Move 4.1 docs to 4.2
- Update versions everywhere to 4.1.3 with release script
- Manually bump the shorthand version in package.json
- Add 4.2 to the versions docs page
- Update some redirects
- Fix tests asset URLs
- Bump Nuget and more
2018-12-21 09:03:29 -08:00
Martijn Cuppens
353c8b4376
Update scss/utilities/_text.scss
Co-Authored-By: mdo <otto@github.com>
2018-12-17 09:48:06 -08:00
Mark Otto
540537c481 Add new .text-break utility for applying word-break: break-word 2018-12-16 13:23:33 -08:00
Martijn Cuppens
dac464a5b8 Use theme-color function for colors (#27848) 2018-12-16 01:59:16 +02:00
Mark Otto
3b42a9ec5b Add table-hover-color variables
Fixes #26465
2018-12-15 14:01:09 -08:00
Mark Otto
f50f6e0355 Match .table-dark background-color to the -dark variable 2018-12-15 10:15:52 -08:00
Martijn Cuppens
502b6c8ed6
Remove redundant brackets (#27768) 2018-12-14 17:54:44 +01:00
Florian Lacreuse
1dc42a3373 Add missing parameter to grid mixins. (#27841) 2018-12-14 18:30:12 +02:00
Gijs Boddeus
26c5595164 Custom switch form control gutter fix (#27837) 2018-12-14 16:22:19 +02:00
Gijs Boddeus
c618f67187 Actual gutter definition (#27797) 2018-12-14 03:04:10 +02:00
Patrick H. Lauke
f3fc973dd9 Remove now unnecessary -ms-viewport and -ms-overflow-style directives (#27789)
Edge/Mobile appears to have moved support for `-ms-viewport` behind a flag at some point, instead supporting meta viewport directives.
Removing this altogether also fixes issues in IE11 on high-dpi displays - see https://github.com/twbs/bootstrap/issues/21780
2018-12-12 21:24:47 +02:00
Gijs Boddeus
180a06eeb7 Add switch custom form control (#23004) 2018-12-12 15:28:25 +02:00
Martijn Cuppens
dbadf24bb3
Fix margin above toast when previous toast is hidden (#27820) 2018-12-12 14:23:10 +01:00
Johann-S
1f4d7903db fix fade animation for toast 2018-12-10 10:38:11 +01:00
Gijs Rogé
3fbbe1bd35 Replaced fixed 'bolder' font weight value in reboot with variable. (#27782)
The default font weight value for <strong> <br> in reboot was
set by a fixed value we now use the variable $font-weight-bolder
to let users override this value.
2018-12-06 08:21:18 +02:00
Jacob Müller
8fb6e84fa0 Make form grid gutter width configurable (#27766) 2018-12-05 17:15:24 +02:00
Shohei Yoshida
850d99bb13 Add quotes according to the stylelint rule (#27771) 2018-12-05 12:40:59 +01:00
XhmikosR
e184c11618
Merge branch 'v4-dev' into stretched-link 2018-12-05 11:38:55 +02:00
Martijn Cuppens
3007d4b435 Stretched link 2018-12-04 21:22:12 +01:00
acidrums4
1a171b80ab Remove double 'the' in comment (#27767) 2018-12-04 20:14:23 +01:00
Shohei Yoshida
e9ec5e7392 spinners: use .sr-only instead of text-hide technique (#27736) 2018-12-04 08:02:49 +02:00
ysds
9f08f7dea6 Grow button width to the parent button group (#27717) 2018-11-25 12:05:31 +01:00
ysds
b6e616a70f Fixed a fixed height issue of input-group size option (#27687) 2018-11-22 10:29:33 +02:00
Roy Klutman
e7e43edf65 Add border-radius to dropdown items (#27703) 2018-11-22 00:24:13 +02:00
Martijn Cuppens
3f422bfc88 Prevent text decoration skip inc and reorder comments (#27673) 2018-11-18 10:09:41 +02:00
Martijn Cuppens
12ae122eda Spinners cleanup 2018-11-17 20:34:58 -08:00
ysds
5042b3c93d Support custom-select sizing in input-group (#27677) 2018-11-17 14:10:38 +02:00
Martijn Cuppens
75526bf2d0
Inherit card header color (#27681) 2018-11-17 10:16:16 +01:00
Martijn Cuppens
fab1dea927
Keep input group & form label font size in sync with form control font size (#27663) 2018-11-13 21:11:59 +01:00
Mark Otto
ab40a2b919 Nest the .toast.show and use display: block; as inherit causes broken styles 2018-11-13 08:47:32 +02:00
Johann-S
16cf76ff1a Create toast JS plugin, add unit tests. 2018-11-13 08:47:32 +02:00
Mark Otto
d0652a1be9 Add new toasts component 2018-11-13 08:47:32 +02:00
Martijn Cuppens
696c4078d1 Customize browse text of the custom file input with HTML (#27651) 2018-11-13 08:30:17 +02:00
XhmikosR
e9d67982ae spinners: use the animation shorthand property. 2018-11-13 08:21:57 +02:00
Mark Otto
52a86cc671 Add Bootstrap's very first spinners omfg it's actually happening 2018-11-13 08:21:57 +02:00
Martijn Cuppens
976efcd5ee Allow to add more embed responsive ratios (#25894) 2018-11-11 11:04:04 +02:00
jvitela
731f95bded Fix modal positioning on Android.
When the address bar is hidden, sometimes the visual position of the controls is out of sync with its logical position.
2018-11-11 10:44:26 +02:00
sts-ryan-holton
89eef046ef Add new .rounded-pill utility (#27339) 2018-11-05 19:19:00 +02:00
Martijn Cuppens
b33d0d3790 Prevent white line in Firefox (regression) (#27594) 2018-11-05 18:56:41 +02:00
LittleHuba
aa098991bf Add Noto Sans to the font stack (#27596)
Fixes #27595
2018-11-05 08:22:40 +02:00
Arvind S
042042a48a Made the disabled state for nav more obvious. (#27382) 2018-11-04 22:17:14 +02:00
ysds
4a1090ac48 Ligthen/Darken Button focus shadow color 2018-11-04 20:58:00 +02:00
Andrew
cbc859ad8d Add .text-wrap class.
this is the opposite of `.text-nowrap`, and a forces elements to wrap onto new lines.

One use case for this is extra long button text. Bootstrap buttons by default do no wrap, so this class could be used to override that behavior.
2018-11-04 15:55:17 +02:00
patrickhlauke
c46a0c7e88 Replace touch-action: none with pan-y, remove preventDefault from touch event handling 2018-11-04 14:40:19 +02:00
XhmikosR
9cc237d0ba scss/_custom-forms.scss: fix typo in comment. 2018-11-04 12:17:56 +02:00
ysds
ea8f6c6ff3 Button group refactoring and fixes (#25395) 2018-11-04 08:50:21 +02:00
Vincent Langlet
793b83fda8 Avoid null value (#27570) 2018-11-04 08:18:56 +02:00
Martijn Cuppens
38e9e2b82c Add TODO 2018-11-04 08:13:31 +02:00
Varunram
a31468cf84 Resolve #26226: Sync with normalize 8.0.0
diff credits: @client9
2018-11-04 08:13:31 +02:00
Patrick H. Lauke
8b20bce873
Add Sass variable for prefers-reduced-motion, add callout to affected components (#27581)
* Tweak the accessibility/reduced motion text

include mention of carousel slides, remove the (now inaccurate, as Firefox 63 includes it too) mention that support is limited to Safari/macOS

xref https://github.com/twbs/bootstrap/issues/27525

* Add new callout for reduced motion

* Add variable to control prefers-reduced-motion media query support

* Add callout about prefers-reduced-motion to all components currently using animation which are affected
2018-11-03 19:23:26 +01:00
ysds
2ffa1bff6e Fix empty custom-control-label alignment issue (#27566) 2018-10-31 09:49:52 +02:00
Martijn Cuppens
96b49d7833 Fix Edge bounce and restore original transition easing (#27279) 2018-10-31 09:45:39 +02:00
ysds
eb5d0b49dc Prevent hover/click on disabled .close links. 2018-10-30 18:25:14 +01:00
Martijn Cuppens
e0fa9a812c #27502: Prevent active state border change 2018-10-30 09:06:25 +02:00
Martijn Cuppens
5aed968750 Prevent the background to be shown when transitioning 2018-10-30 08:57:02 +02:00
ItaloBC
557f3fe100 Added Viewport Height & Width helpers
This allows the user to make a container (ideally) to use viewport height and width and allow better vertical/horizontal alignments of elements.
2018-10-23 06:04:08 +03:00
Martijn Cuppens
1c91f48251 Variable darken percentage for emphasized links 2018-10-23 05:58:19 +03:00
Caíque de Castro Soares da Silva
ff40e00323 Fix readonly-plain-text with button addon (#25871)
Fixes #25870
2018-10-23 05:53:38 +03:00
Mitko Georgiev
ee1daf090a Easy merging of new grid breakpoints and containers (#26714)
This change follows exactly what was done for the `$grays`, `$colors`, and `$theme-colors` lists in #23260. This allows for easy addition of new breakpoints or grid containers also.
2018-10-23 05:48:44 +03:00
Martijn Cuppens
dd539094ea Custom select validation padding fix and additional custom select feedback icon variables 2018-10-23 05:43:59 +03:00
Martijn Cuppens
d0b7eb1111 Cleanup stylelint comments 2018-10-23 00:21:33 +03:00
Martijn Cuppens
00860f02d4 Disallow transition property (use mixin instead) 2018-10-21 22:46:20 +03:00
Johan Beckers
09aca3fb9a Unitless breakpoints
If I want to customise the breakpoints using `em`, I get compatibility errors.

It is good practice to set breakpoints in `em` instead of `px` when users use browser scaling.
See https://zellwk.com/blog/media-query-units/#concluding-the-experiments for more information why someone would like to do this. Only Safari users can get annoyed: https://adamwathan.me/dont-use-em-for-media-queries/

In any case, using a unitless number at line 42 would be very convenient.
2018-10-21 21:31:28 +03:00
Martijn Cuppens
44ddabad4b Simplify theme color usage (#27378) 2018-10-21 17:39:23 +03:00
Andrew Pucci
d13ae1fc1a Card header color theming (#26573)
Define new variable for card header color
2018-10-21 11:05:54 +03:00
ysds
becb6ce346 Add dropdown responsive alignment (#26255) 2018-10-21 11:01:22 +03:00
Andrey
3075432584 feature/yiq function, add parameters, with default values. (#26917) 2018-10-21 10:33:53 +03:00
Martijn Cuppens
e2014e8ed7 Custom checkboxes and radios retheming (#27064) 2018-10-21 10:25:07 +03:00
Martijn Cuppens
c9a43b027a Re-add carousel control transition (#27277) 2018-10-21 10:13:35 +03:00
Doug Puchalski
59f1802e98 Outline button variant hover mixin (#27289)
The outline button variant mixin should use the hover mixin, as does the non-outline version.
2018-10-21 10:09:08 +03:00
midzer
50d866da24 optimize data URIs (#27284) 2018-10-21 10:03:17 +03:00
Martijn Cuppens
2a28c7d9fd Carousel fade cleanup (#27278) 2018-10-21 09:55:43 +03:00
Roy Klutman
fccdda5448 Fix for double border on cards in an accordion (#27133) 2018-10-21 09:49:05 +03:00
719media
2c1a743cc9 Update _custom-forms.scss (#27276)
user-select has no effect on before/after pseudo elements
2018-10-20 22:35:56 +03:00
andresgalante
86822d93d6 changes the variables for input font size 2018-10-20 22:29:24 +03:00
Ian Walter
871a51a548 Fix #26372: disabled btn hover issue (#27407)
When gradients are enabled there is still a hover state on disabled
buttons since the hover rules apply to background-image and disabled
rules apply to background-color. This applies the logic already present
in dropdowns to buttons. This fix was originally proposed by @ysds.
2018-10-20 22:12:33 +03:00
semenyakNik
c5eb6043d8 Custom select inconsistent padding (#27415) 2018-10-20 22:00:48 +03:00
Martijn Cuppens
7190c38e4c Remove redundant width and height properties 2018-10-20 21:46:53 +03:00
patrickhlauke
8883ccb205 Set touch-action to "none"
Firefox currently seems extremely fickle - with `pan-y` if fires pointercancel as soon as a touch strays even a pixel or so vertically.
While `touch-action: pan-y` would be ideal (allowing users to scroll the page even when their finger started the scroll on the carousel), this prevents a swipe that isn't perfectly/only horizontal to be recognised by Firefox.
2018-10-20 15:32:09 +03:00
patrickhlauke
7b8f01d839 Use correct touch-action values
- my fault, my original advice of using `touch-action: pan-x` is exactly the value we *don't* want to have the browser handle...
2018-10-20 15:32:09 +03:00
Johann-S
735c374e9c use pointer events if available 2018-10-20 15:32:09 +03:00
Andres Galante
5088f02730 Add font weight options for form controls and custom select (#27343) 2018-10-20 11:50:20 +03:00
Bastien
a86aef0ae0 table: Add border color relative to theme for accessibility (#25755) 2018-10-20 11:21:31 +03:00
Catalin Zalog
a16ffc7ba1 feat: keep contrast on .table-dark
In case we set `$body-bg` to a dark color, we have to keep table contrast relevant.
2018-10-19 13:01:38 +03:00
namiltd
1231e1d6bc Fix size of modal dialogs at different widths (#27094) 2018-10-19 12:56:46 +03:00
Roy Klutman
5a1588ed33 Fix double border on list-group (#27126) 2018-10-19 12:01:36 +03:00
Martijn Cuppens
a6669b478b Fix btn focus color (#27178) 2018-10-17 23:21:33 +03:00
Mark Otto
29bd5e3218 Add overflow-auto and overflow-hidden utilities 2018-10-06 17:55:55 -07:00
Howard Cox
d7f79b06dc Prevent pointer events on disabled list-group-item 2018-09-26 07:20:46 +03:00
Howard Cox
44b3f77852 Prevent pointer-events on disabled anchor dropdown-item
Fixes #26695
2018-09-26 07:20:46 +03:00
Martijn Cuppens
7bd1bc2431 Allow multiple ways of padding declaration for modal header (#26976)
* #26967: Allow multiple ways of padding declaration for modal header
* #26976: split vertical and horizontal modal padding
2018-09-18 21:33:31 -07:00
Mark Otto
0bec1c8897
Add new variables for form feedback tooltips (#26959)
Fixes #26886
2018-09-18 21:27:02 -07:00
Mark Otto
c8fd9ddd97 Consistently re-use input variables 2018-09-18 16:29:46 +03:00
Martijn Cuppens
e604958641 Variable .btn and .form-control font sizes (#26908) 2018-09-18 15:35:25 +03:00
ysds
18ae915f54 Bring the focused button in input group to the front (#26910) 2018-09-18 15:29:02 +03:00
Martijn Cuppens
bf4dab72df #27220: cleanup .btn-link hover/focus properties (#27250) 2018-09-17 09:34:34 -03:00
Catalin Zalog
928ebd8925 _variables.scss comments/spacing consistency (#27247)
* style: `_variables.scss` comments consistency

* style: `_variables.scss` spacing consistency
2018-09-16 14:32:11 -07:00
Martijn Cuppens
7a01f3c41b Selector improvement (#27219) 2018-09-14 09:31:48 -03:00
Andres Galante
ed3c611949 creates variables for navbar brand colors #27187 2018-09-13 17:51:14 +03:00
Roman O
fad49e710e Ignore percentage values for compare in maps 2018-09-02 16:43:54 -07:00
Martijn Cuppens
97eea3b2bf Set .btn base color 2018-09-02 16:28:42 -07:00
Martijn Cuppens
3ef2db1e85 Move transparent background to .btn and remove background-image 2018-09-02 16:28:42 -07:00
Martijn Cuppens
19afb12b65 Set max-width to 100%
Fixes #27114
2018-09-02 16:26:53 -07:00
Martijn Cuppens
9f53e06e46 Remove -webkit-text-decoration-skip 2018-09-02 16:26:18 -07:00
Martijn Cuppens
e3c0b3d3af #27112: fix border focus border color 2018-09-02 16:25:55 -07:00
ysds
d1de8737aa Move CSS of hover underline to base from color variants 2018-09-02 16:25:21 -07:00
ysds
5266669d34 Remove extra line break 2018-08-28 02:22:46 +03:00
Martijn Cuppens
0e8831505a Simpler carousel indicators css (#26996) 2018-08-26 14:53:36 +03:00
acj
b652932f0c Remove redundant space from blockquote footer prefix 2018-08-26 14:48:51 +03:00
acj
cd28869a2f Move blockquote footer font size to variables
Blockquote footer font size is currently hardcoded to 80%, implying (in a comment) that this would result in the default font size. However, since the blockquote font size itself is variable, this is not necessarily true, and 80% of anything actually results in an arbitrary font size.

80% as a default is still fine.
2018-08-26 14:48:51 +03:00
m5o
7f9e70202e add text-reset to text utilities (#26866) 2018-08-25 19:31:52 +03:00
Mark Otto
df3993a600 Round corners on modal footer
Matches the method used for the modal header. Fixes #26955.
2018-08-25 18:49:09 +03:00
Rowan-James Tran
24bdadf9d3 Remove nowrap from .btn 2018-08-19 11:17:10 -07:00
Martijn Cuppens
4def76c34e #26975: remove grid columns min height 2018-08-19 11:13:18 -07:00
Martijn Cuppens
bf7d4aef81 Change if statement 2018-08-13 10:10:52 +03:00
Martijn Cuppens
57661dff6d Tweak modal transform (#27005) 2018-08-13 10:00:53 +03:00
Mark Otto
0b5a8d9c98 Merge branch 'form-validation-icons' into v4-dev 2018-07-29 14:18:09 -07:00
Robert
70ad98d34d Fix custom-select font size/padding (#26585)
fixes #26476
2018-07-29 14:04:35 -07:00
Mark Otto
f803fb9903
Add margin utils to the grid for fully functional grid control (#26957)
* Add margin utils to the grid for fully functional grid control

* bump the max filesize
2018-07-28 21:34:27 -07:00
Martijn Cuppens
4f926671e9 Carousel indicators transition (#26902) 2018-07-24 21:15:05 -07:00
ysds
bbee41431d Fix custom range height (#26898)
Fixes #26897
2018-07-24 17:56:03 -07:00
Martijn Cuppens
d80635c1cd Custom input range disabled styling (#26540) 2018-07-24 17:39:15 -07:00
Mark Otto
ba25e38b4a Merge branch 'garhbod-patch-1' into v4-dev 2018-07-24 17:26:29 -07:00
Mark Otto
fb2de04374 Merge branch 'v4-dev' into malkomich-v4-dev 2018-07-24 17:25:12 -07:00
Stefan Wrobel
e3b98c51da Add .text-decoration-none utility class (#25933)
ref: https://github.com/twbs/bootstrap/pull/23881#issuecomment-337789596
2018-07-24 17:24:20 -07:00
Andrew
c8a4d9dd74 add 'lighter' and 'bolder' font weight classes (#26580)
* add 'lighter' and 'bolder' font weight classes

these are 2 special values for font weight, that will give their content a font-weight value of 100 more or less than their inherited font-weight.

probably doesn't fully fulfill this issue, https://github.com/twbs/bootstrap/issues/23969, but it's a start

* Update .stylelintrc

* add 'lighter' and 'bolder' variables per @mdo 's request.
2018-07-24 17:23:17 -07:00
Mark Otto
3b55873438 Ship v4.1.3 2018-07-24 08:54:34 -07:00
Martijn Cuppens
c74a32703a Allow background images for active buttons 2018-07-20 19:25:01 -05:00
Mohammad Younes
6cca02f163 fix .modal-dialog-centered on IE10/11 2018-07-20 19:04:23 -05:00
Joshua David
c04d60b88f Fix modal overflow style nesting (#26742)
Nest `.modal` styling directly under `.modal-open`
to avoid issues when bootstrap is nested.
2018-07-20 18:55:16 -05:00
Martijn Cuppens
6f52b2eafa #26912: fix custom file input z-index 2018-07-20 18:31:47 -05:00
ysds
c45e5594b7 Fix property order 2018-07-20 18:28:09 -05:00
ysds
900775483f Remove :not(:root) from the workaround for SVG overflow bug
* `svg:not(:root)` specificity is very high (https://github.com/necolas/normalize.css/issues/718)
* Bootstrap do not support SVG documents (See #26878)
2018-07-20 18:28:09 -05:00
ysds
d7acc977ef Lower the specificity of vertical-align of SVG 2018-07-20 18:28:09 -05:00
Mark Otto
3cfa06004e Add Noto Color Emoji to font stack
Fixes #26227
2018-07-20 18:24:14 -05:00
Mark Otto
4693672cff
Update validation tooltips to use tooltip vars (#26887)
Updates the properties and values for which we have existing variables to match our tooltips. Come 4.2, we'll create new tooltips for these.
2018-07-20 18:21:40 -05:00
Lefteris Psitopoulos
9bfd400527 #25842 Remove max-width from table class 2018-07-15 14:06:33 -07:00
Mark Otto
f426a67394
Form control heights (#26820)
* Redo input height on .form-control

- Use the already present -height variables on .form-control
- Consolidate the select size and multiple overrides into the .form-control base class instead of sm/lg modifiers
- Remove the Sass extends from input groups since it picks up too many selectors

* Prevent height on textareas
2018-07-15 14:00:23 -07:00
ysds
48c723b60f Fix custom range thumb style (#26385)
* Fix focus box shadow of custom ranges

* Put `:focus` selector right after `.custom-range`
* Remove unnecessary `outline: none`

* Fix box-shadow issues in IE/Edge

* Better align

* Fix thumb vertical positions in IE/Edge

* Fix incorrect formula of thumb vertical positions in Webkit

* Fix an incorrect comment

* Fix incorrect box-shadow-width
2018-07-14 21:31:20 -07:00
Andrew Luca
0fd40837e8 Fix custom-forms heights and position (#25602)
Now `.custom-control` will have height equal to `$font-size-base`
Fix custom checkbox and radio top position (we can't subtract rem from unit)
`$line-height-base - $custom-control-indicator-size` is not valid
Because `$line-height-base` is a unitless variable and `$custom-control-indicator-size`
is a unit (rem) variable
2018-07-14 21:29:19 -07:00
Mark Otto
2d8422f5f5 fixes #26579 2018-07-14 21:10:45 -07:00
Mark Otto
c4ccfbe04e Ship v4.1.2 2018-07-12 09:27:14 -07:00
Andrew
abb4868626 correct spelling errors (#26837) 2018-07-09 17:59:22 -07:00
Mark Otto
5495a19b5a
disable to fix ci 2018-07-08 18:43:40 -07:00
Mark Otto
7e96979cea fix comment placement, remove unecessary prop wrapper 2018-07-08 17:29:01 -07:00
Mark Otto
f6b4945f1e Merge branch 'patch-1' of https://github.com/garhbod/bootstrap into garhbod-patch-1 2018-07-08 16:46:44 -07:00
Mark Otto
8d8d3ef82a Restore feedback icons on validated form fields
- Only applies to textual inputs and textareas with `.form-control` and selects with `.custom-select`
- Wrap the feedback icons in a Sass variable option, $enable-validation-icons, so folks who theme can disable
- Update docs to summarize styles, mention the icons, include a textarea demo, and add mention of the Sass variable option to the Theming section
2018-07-08 15:31:18 -07:00
Mark Otto
5ad1049622 Merge branch 'v4-dev' of https://github.com/malkomich/bootstrap into malkomich-v4-dev 2018-07-07 16:16:43 -07:00
Mark Otto
d78aac01d6
Update box-shadows on .custom-select (#26754)
- Fixes #25656 where custom selects had the wrong focus shadow
- Fixes #26668 where custom selects had no inset shadow (also closes #26572 which had the wrong form classes on the first example anyway)
2018-06-24 13:07:49 -07:00
Martijn Cuppens
d61e3badfd Render inline svg like img (#25874) 2018-06-24 12:01:11 -07:00
Ryan Worth
a2920149f4
Negative Margins classes for custom col gutters
Feature request #26681
2018-06-07 16:39:58 +10:00
Patrick H. Lauke
4f1bb98587
Limit .close hover/focus to non-disabled controls (#26654) 2018-06-03 18:25:17 +01:00
Martijn Cuppens
ffd31f9b8c Stricter stylelint rules 2018-06-02 13:29:44 +03:00
ysds
2ea0a9bba9 Add disabled bg color to disabled custom file 2018-05-23 01:43:53 +03:00
Martijn Cuppens
4dd65f0b38 Custom forms transition 2018-05-23 01:38:12 +03:00
domq
616ce9b75a Fix double-transition bug (#26452)
By applying the transition: CSS property only to classes that are
active during sliding, we avoid an unnecessary, non-zero-time
animation that although mostly invisible, does interfere with e.g.
z-index based parallax
2018-05-18 18:59:52 +03:00
ysds
788f3e6802 Fix z-index target (#26361) 2018-05-07 11:30:43 +03:00
Mark Otto
779ad9f174 Bump version to v4.1.1 2018-04-30 09:04:33 -07:00
Mark Otto
139e89235f Simplify custom file inner height for generated browse button 2018-04-29 17:02:38 -07:00
Varunram
4bc5cc149a Closes #26300: Add cursor pointer to carousel indicators 2018-04-23 21:55:45 -07:00
ysds
74057dcc8e Remove unnecessary resetting of left round (#26238) 2018-04-23 21:55:10 -07:00
Mark Otto
793698a6a9
add validation styles for .form-control-file (#26181) 2018-04-23 21:54:40 -07:00
nickg
755fdacd40 Replace reboot monospace hack with system font stack 2018-04-23 21:53:37 -07:00
ysds
3d0d5f1247 workaround for IE that check indicator does not appear (#25944) 2018-04-23 21:52:59 -07:00
Martijn Cuppens
0ee779b6fc Print color fix dark tables and dark theads (#26193) 2018-04-23 21:51:48 -07:00
Alexander Rechsteiner
056e28d9e0 Suppress text-hide deprecation warning (#26242) 2018-04-16 09:45:07 +03:00
Patrick H. Lauke
e000933c17
Remove dialog from the HTML5 shim style (#26269)
`<dialog>`, in browsers that support it, has user agent styles of `dialog { display:block; ...} dialog:not([open]) { display:none; }`
by forcing it to `display:block` in the shim, the dialog is shown even when closed. There's no clean way to shim this for non-supporting browsers,
but arguably these browsers would have further problems with pure `<dialog>` usage anyway, and it's up to authors to then use different elements/shims.
2018-04-16 00:25:39 +01:00
Varunram Ganesh
871e0838a4 [trivial] Correct typos (#26297) 2018-04-14 08:41:18 +01:00
Mark Otto
8f7bd41993
Ship v4.1.0 (#26218)
* update docs path from docs/4.0/ to docs/4.1/

* bump version to 4.1.0

* Update redirects to work for 4.1 docs move

* Update docs version switcher to include latest and link to 4.0 docs

* re-run dist

* Update package-lock.json

* Update docs-navbar.html
2018-04-09 09:00:23 -07:00
XhmikosR
10c64bdae8 Fix broken URI fragments and redirects. 2018-04-02 19:19:09 +03:00
XhmikosR
95cdfa2a65 Use https when possible. 2018-04-02 19:19:09 +03:00
Patrick Yeo
4f35e53216 Pagination move .page-link:focus outline value to variable $pagination-focus-outline so we can unset it via Sass and don't have to re-implement browser defaults 2018-04-01 18:16:49 -07:00
Martijn Cuppens
a55d1b27c5 Allow non-string content as breadcrumb divider (#25581)
* Allow url(), attr(), none,... as breadcrumb divider
* Update breadcrumb divider docs
2018-04-01 18:15:57 -07:00
Tom Swirly
a0c7473a34 Tiny grammar and punctuation tweaks to a comment.
1. It's == "it is"

2. The subject of the sentence is "Only one" (not "these") so the verb must agree with it.

Feel free to do nothing with this change, use it, etc - I just saw this while reading through the code.
2018-04-01 23:08:58 +03:00
Mark Otto
98763f1f85
Deprecate .text-hide (#26173) 2018-03-31 22:10:32 -07:00
Mark Otto
dd7ed79856
Add box-shadow utilities (#25758) 2018-03-31 22:07:48 -07:00
Mark Otto
74490346ff Add new .flex-grow and .flex-shrink utils 2018-03-31 22:05:09 -07:00
Mark Otto
474698f41b Fix Chrome's rendering of .card-columns
Uses orphans/widows trick from @fran-worley at https://github.com/twbs/bootstrap/issues/20925#issuecomment-333492739.

Fixes #20925.
2018-03-31 22:04:14 -07:00
Mark Otto
3417c54ad7 add 50% translucent black and white text 2018-03-31 22:02:47 -07:00
Mark Otto
4f05e3b735 add .text-body, fixes #25412 2018-03-31 22:02:47 -07:00
Martijn Cuppens
12708d329a Remove navbar align 2018-03-31 21:59:54 -07:00
Mark Otto
185666fd79 Add .text-monospace util 2018-03-31 21:58:57 -07:00
Mike Rogers
2306f62bf1 Making use of prefers-reduced-motion media query (#25641)
* Making use of `prefers-reduced-motion` media query

As discussed in #25249 - if a user (Who is using Safari / iOS) requests
reduced motion in their system settings, we should avoid transitions.

* Ignoring prefers reduced motion for CSS Linting
* Updating copy clarifying the reduce motion functionality in accessibility.md
2018-03-20 09:28:21 +00:00
ysds
7b2427cc6b Rename .custom-file-control to .custom-file-label (#25736) 2018-03-12 19:51:27 +02:00
ysds
14f712601e Add basic position to dropup/right/left and dropdown-menu-right (#25400) 2018-03-12 19:44:05 +02:00
Peter Etelej
fb15575ec5 Disable link functionality on disabled btn-link (#25645)
Future-proof disabling of clicks on disabled `btn-link`. Fixes #25639
ensuring consistency between `btn-link` `<button>`s and `<a>`s when disabled.
2018-03-12 19:36:25 +02:00
Jacob Müller
27f553c965 Replace "loose" HEX values with their respective variables (#25672) 2018-03-12 19:19:37 +02:00
Alexander Hjorth
6d7d91ef3b Allow customization of breadcrumb border radius (#25807) 2018-03-12 18:55:47 +02:00
ysds
50220acde4 Fix caret alignment (#25719) 2018-03-12 18:51:00 +02:00
Martijn Cuppens
f893ec7a75 Collapse with flex elements - simple approach (#25806)
* #22600: prevent display:block for visible content

* allow transition for elements with show class
2018-03-12 18:40:30 +02:00
Catalin Zalog
2ccb5492a7 style: align some vars (#25785) 2018-03-08 14:28:32 +02:00
Adam Kolinski
49d0a4e99c Adding a variable to handle the change of a modals border-radius. (#25691) 2018-03-03 13:06:54 -08:00
Mark Otto
b8bfd26358 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2018-02-24 12:38:51 -08:00
Adam Bowles
20c2d0fec6 Remove disabling of stylelint rule
This file no longer has intentional indentation errors
2018-02-24 12:22:38 -08:00
Mark Otto
99379f3843 make it a var 2018-02-19 18:15:44 -08:00
Mark Otto
c9f63c2eb8 Merge branch 'nav-divider-mixin' of https://github.com/ysds/bootstrap into ysds-nav-divider-mixin 2018-02-19 18:14:50 -08:00
Mark Otto
982aeea1f7 Merge branch 'accordion-borders' of https://github.com/andresgalante/bootstrap into v4-dev 2018-02-19 15:04:55 -08:00
ysds
33f3ba33c2 Add color variable for caption (#25657) 2018-02-19 14:42:54 -08:00
Mark Otto
470b4472c6
Custom range input (#25600)
* added the styling

* added the documentation

* update for one rule per line

* fix hound error: trailing whitespace

* trimmed off vendor prefixes

* Add note about track and thumb

* Psuedo-elements must be split across multiple rulesets to have an affect

* Fix firefox inner focus

* Seems that FF is the only one affected by this

* Add support for gradients

* Add labels, clarify min/max changes

* add step example

* add custom range vars
2018-02-19 14:40:59 -08:00
Martijn Cuppens
3dd0bde664 Fix carousel transition duration (#25218) 2018-02-19 10:10:25 +01:00
Martijn Cuppens
0205fc8bdb Prevent word-wrap (#25248)
Fixes #25235
2018-02-11 16:46:54 -08:00
Mark Otto
8dd1fe3893
Fix border-radius on Browse button for custom file input inside input groups (#25356) 2018-02-11 15:09:05 -08:00
Mark Otto
98111214c2
Update .sr-only mixin and utility (#25197)
* Remove clip-path from .sr-only utility as it causes perf regressions in Chrome

* change snippet to example
2018-02-11 15:05:50 -08:00
m5o
f81f419b22 set color to form-control-plaintext (#25565)
* set color to `.form-control-plaintext`
* fixes readability on dark themes like ‘darkly’
  * https://bootswatch.com/darkly/index.html#forms
  * https://bootswatch.com/slate/index.html#forms
  * https://bootswatch.com/superhero/index.html#superhero
  * https://bootswatch.com/solar/index.html#forms

/cc @thomaspark
2018-02-11 14:25:36 -08:00
m5o
37ed1d0829 use $input-bg for $custom-select-bg (#25564)
* use $input-bg for $custom-select-bg
2018-02-11 14:24:18 -08:00
Andres Galante
49954d5e6c Create a variable for label margin bottom (#25561) 2018-02-11 02:21:42 +02:00
freezy
2dc9c76d75 Enable scss/dollar-variable-default rule (#25542)
This checks if all variables are `!default`.
2018-02-07 15:28:35 +02:00
Martijn Cuppens
5158338b7c Fix pagination buttons hover z-index (#25532) 2018-02-03 09:54:08 +02:00
Mark Otto
c68d26baa2 Override .custom-select width in .form-inline (#25414)
Fixes #25413
2018-02-02 14:25:47 +02:00
Richard van Laak
38fc5cf7f7 Replace unicode character in _hover.scss (#25503) 2018-01-30 18:49:31 +02:00
Mark Otto
663057d441
Feature: Add carousel fade option (#22958)
* Move helpful code comments

* Add .carousel-fade option to Sass

* Document example of the fade carousel

* more logical warning of the .active class on carousel items
2018-01-21 22:51:08 -08:00
Mark Otto
d402183014
v4.1: Add .dropdown-item-text (#22965)
* Add .dropdown-item-text class

* Add example of plain text within a .dropdown-menu, too

* reorganize, simple/clearer headings
2018-01-21 22:40:55 -08:00
ysds
d824bdf4d8 Allow to customize vertical margin of nav-divider mixin 2018-01-22 09:54:06 +09:00
Taufek Johar
2b42ef0db2 Add CSS Utility for auto width and height Properties (#24249)
Currently bootstrap only provides 4 variations of `width` and `height` css utilities, which are:

1. 25%
2. 50%
3. 75%
4. 100%.

Here, I'm adding `auto` to the list. This is useful when we need to reset the width/height value
back to the browser default value at some point.
2018-01-21 12:28:22 -08:00
Pierre-Denis Vanduynslager
2137d61eac Add missing flex-fill utility 2018-01-21 12:16:17 -08:00
Mark Otto
3be511264c Use variables for theme-color-level function
Closes #25313
2018-01-21 12:15:12 -08:00
Mark Otto
3a6ab45b78 rearrange and override extra borders 2018-01-20 15:10:19 -08:00
Mark Otto
f800383e7d Merge branch 'borderless-table' of https://github.com/Varunram/bootstrap into Varunram-borderless-table 2018-01-20 15:06:02 -08:00
Andrew Luca
2b8b062540 Allow to change .table-striped odd or even (#25333) 2018-01-19 19:34:49 +02:00
Mark Otto
572d00ac7e Bump version to 4.0.0 2018-01-18 10:24:51 -08:00
Mark Otto
9b0fcbf9c3
Prevent print utils from overriding all other display utils (#25269)
* Prevent print utils from overriding all other display utils

Fixes #25221.

I agree with the referenced issue—this is unexpected and also causes a serious bug when mixed with other utility classes. This wasn't an issue in v3 given we had different utilities for hiding that weren't focused on display property.

* Add printing changes to migration docs

* unrelated heading sentence case change

* List out all .d-print- classes
2018-01-17 17:29:28 -08:00
Mark Otto
a0936c326f Outline button hover color (#25339) 2018-01-18 01:45:25 +02:00
ysds
b1a754863e Use .list-group-item-action for list group item variant (#25338) 2018-01-18 01:36:57 +02:00
Andrew Luca
4c96f58e31 Fix input height border (#25331)
When changing `$input-border-width`, `$input-height-border` does not change and `select.form-control` `custom-select` `custom-file` will still have `$input-height` which is resolved from `$input-btn-border-width`

This will work in cases when want controls with border, and buttons without.

Temporary fix will be to override 2 variables

```
$input-border-width: 2px !default;

// which is
// $input-height-border: $input-btn-border-width * 2 !default;
$input-height-border: $input-border-width * 2 !default;
```
2018-01-18 01:30:42 +02:00
Casper Bornebusch
f4132dba07 Add order-last grid class (#24915)
* Add order-*-last grid class

* copy updates
2018-01-16 09:10:40 -08:00
Gustavo Straube
a531b46453 Using the expected variable to set the custom select height. (#25169) 2018-01-15 22:07:05 -08:00
Andrew Luca
814e5b7f57 Extend spacers and sizes (#25101) 2018-01-15 22:01:32 -08:00
Mark Otto
c8d9c0efcd Merge branch 'form-check-input-validation' of https://github.com/supergibbs/bootstrap into supergibbs-form-check-input-validation 2018-01-15 21:39:27 -08:00
Patrick H. Lauke
1f490ec165
Consistently use :disabled rather than [disabled] selector (#25317)
Closes https://github.com/twbs/bootstrap/issues/25316
2018-01-15 20:51:01 +00:00
Mark Otto
14bd7d7489 Add display utilities to bootstrap-grid.scss (#25308) 2018-01-15 08:57:10 +02:00
Mark Otto
0d110c8f91
Update copyright for 2k18 (#25303)
* Update copyright range to include 2018

* Extend copyright date range on new files from 2017 to include 2018
2018-01-14 20:08:58 -08:00
Patrick Yeo
ffcbdb5a1c Mixin button-outline-variant should retain active box shadow when focused 2018-01-13 19:19:33 -08:00
Mark Otto
38271b21d5 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2018-01-13 18:58:48 -08:00
Patrick Yeo
17b0472b12 $component-active-bg and $component-active-color are partially useful (#24710)
* Use `$component-active-bg`, `$component-active-color` in custom-control-indicators and pagination for checked, indeterminate, and active states

* Button and Forms focus colors should be based on `$component-active-bg`
2018-01-13 09:56:31 +02:00
Wolfgang Goedel
588227f97f Fixed color for disabled buttons (#25167) 2018-01-13 09:50:25 +02:00
Sander Melnikov
216c7ea20f Fix breakpoint mixins for custom breakpoint maps (#25264)
When using the `media-breakpoint-between` or `media-breakpoint-only`
mixins with a custom breakpoint map – not defined as `$grid-breakpoints`
– the mixin incorrectly defaults back to the global `$grid-breakpoints`
map in certain situations. This commit correctly passes on the
`$breakpoints` argument to the other mixins called within the block.
2018-01-13 09:45:21 +02:00
ysds
f4bf0542d7 Add direct children selectors to avoid cascading styles into a menu form (#25279) 2018-01-13 09:40:55 +02:00
Mark Otto
44eedf3e58 Merge branch 'custom-check-disabled' of https://github.com/gijsbotje/bootstrap into v4-dev 2018-01-12 17:32:56 -08:00
Mark Otto
92cc0aba7b Deprecate hover media query shim and mixins (#25270)
* Deprecate hover media query shim and mixins

Fixes #25195.

This never was completed or fully implemented, and the docs are inaccurate as to what browsers are currently affected by this stickied hover problem. This PR aims to update the docs and deprecate the shim from our mixins and only return the pseudo-classes. To reflect the order of these states used elsewhere (e.g., our button styles), I've also updated the order of each within the mixin.

* Mention in docs and variables that it's deprecated
2018-01-11 10:12:15 +00:00
Patrick H. Lauke
2e15b94888
Remove touch-action:manipulation click optimization (#25250)
Due to a severe performance bug in Chrome (see https://bugs.chromium.org/p/chromium/issues/detail?id=800522) and due to the fact that (with the exception of IE/Edge on Windows desktop with touchscreen) all modern browsers now optimize the click delay away anyway, this optimization is not needed.

Closes https://github.com/twbs/bootstrap/issues/24670
2018-01-11 09:51:44 +00:00
gijsbotje
d7dbdf91c6 added variable for the background of checked and indeterminate custom inputs and radios that are disabled
added styles for these cases
2018-01-06 01:14:15 +01:00
Jesse Mandel
a05f1d883e add validation feedback/tooltip support to form-check-inputs 2018-01-05 10:55:13 -08:00
Mark Otto
20765b5025
Print tweaks (#25164)
* Add min-width to body when printing

This should address some inconsistencies between browsers when printing. It applies a min-width to the body so that the content better resembles what your might see on your screen. I've made it a variable for easy customizing, too.

* Don't underline buttons when printing

* Add basic print styles for page and body size to create a semi-consistent print experience across browsers
2018-01-03 16:01:03 -08:00
Patrick H. Lauke
7044ea82c1 Patch fractional viewport widths to work around Safari rounding bug (#25177)
Includes simplifying the prose in `tables.md` and adding the bug to the list of browser bugs.

Closes https://github.com/twbs/bootstrap/issues/25166
2018-01-03 09:42:03 +02:00
Mark Otto
460849ddcd
Validation tooltip example (#25143)
* Add additional form validation examples

Fixes #24811.

This adds .valid-feedback to our custom styles and server side examples; previously we ommitted this to suggest you don't always need valid feedback. In addition, this adds examples of the .{valid|invalid}-tooltip classes with a new subsection in the Validation docs.

* Update validation tooltip styles to remove fixed width; instead should retain itself to the parent element

* update ids

* finish docs paragraph, mention position: relative
2018-01-02 21:57:56 -08:00
Martijn Cuppens
d66875d0e6 Remove double borders for custom select and custom file
Fixes #25168
2018-01-02 21:57:10 -08:00
Mark Otto
2dc5762f96 Update pagination focus styles
- Drops the hover-focus mixin for standard :hover
- Adds explicit :focus styles to match button, input, etc with a box-shadow
- Adjusts z-index values to ensure the layers go initial, hover, active, focus

Fixes #24838.
2018-01-02 21:49:01 -08:00
Mark Otto
9474d06b1b Merge branch 'patch-8' of https://github.com/gijsbotje/bootstrap into gijsbotje-patch-8 2018-01-02 21:14:02 -08:00
Andres Galante
c0246e926f improves accordion styles 2018-01-02 09:46:07 -03:00
Mark Otto
750291b251 Darken border color slightly 2018-01-01 20:50:59 -08:00
Gijs Boddeus
48c45992a8
Textarea support for input groups
The append and prepend classes vertically aligned items in the center
For textareas this meant the addon would aling vertically instead of stretch and have it's contents vertically aligned
these changes fix that so everything is aligned how it should be
2017-12-31 15:38:29 +01:00
ysds
6b5a2ff626 Apply of #25068 to input group 2017-12-30 20:59:57 -08:00
Andres Galante
5f3856ce29 removes hardcoded value for nav-link padding 2017-12-30 20:58:25 -08:00
Mark Otto
43c551e97d
Outline active focus (#25145)
* Base the outline button :active color on the background, fixing a contrast issue

* Only apply focus outline to active when it's focused
2017-12-30 20:55:35 -08:00
Kevin Ruscoe
d90dddf5e0 Add .order-0 to the flexbox grid ordering helpers. (#25137) 2017-12-31 02:28:12 +02:00
Mark Otto
625736b17b Darken $gray-600 by 10% for AA contrast (#25123)
Closes #23319. Both `.text-muted` and `.btn-outline-secondary` (and indeed all secondary items) make use of `$gray-600`. New value provides a contrast ratio of 4.69.
2017-12-29 21:03:35 +00:00
Mark Otto
57083c3042 Expand border utilities to include top, right, bottom, left 2017-12-28 10:23:04 -08:00
Mark Otto
ee83a963f3 linting 2017-12-28 10:20:34 -08:00
Mark Otto
a6ae1cc50d Move alert theme-color() levels to variables
Closes #24341
2017-12-28 10:20:34 -08:00
Patrick Yeo
d5cbe696da Allow customizing Popover and Tooltip border-radius while I'm at it 2017-12-28 10:18:50 -08:00
Patrick Yeo
eaca6c0e44 Allow customizing Popover and Tooltip font-size outside of $font-size-sm 2017-12-28 10:18:50 -08:00
Mark Otto
ced70da441 Update version to 4.0.0-beta.3 2017-12-28 09:50:04 -08:00
Andres Galante
a5232abefc Set cursor:pointer for <summary> 2017-12-28 02:08:10 +00:00
Mark Otto
1a4a94bfd9 apply same active/focus shadow styling to button variants 2017-12-27 17:56:28 -08:00
Mark Otto
afc984dca7 line break 2017-12-27 17:56:28 -08:00
Mark Otto
9023909484 fix mixin include 2017-12-27 17:56:28 -08:00
Mark Otto
97cfe5a582 Only apply the active and focus shadow on the focus state for :active 2017-12-27 17:56:28 -08:00
patrickhlauke
e3f9c463fc Opinionated: reintroduce cursor:pointer
Explicitly re-adds the "hand" `cursor:pointer` for non-disabled `.btn`, `.close`, `.navbar-toggler` elements, as well as forcing `page-link` pagination controls to always have the "hand" cursor (even if an author uses it on, say, `<button>` elements for a dynamically updating in-page pagination).

Controversial, as everybody jumped on the bandwagon following this article https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b - which does have its merits of course, but there are also counter-arguments like http://kizu.ru/en/issues/cursor-pointer/

And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-12-27 16:28:10 -08:00
Mark Otto
cf5e99e172 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-12-26 22:28:14 -08:00
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