Commit Graph

666 Commits

Author SHA1 Message Date
Martijn Cuppens fd4d426e51 Change default custom select styles (#28027) 2019-01-13 09:52:46 +02:00
Mark Otto deea117293 Add form-validation-states Sass map (#27999) 2019-01-11 21:16:50 +02:00
Miha Eržen fd9dc1a0ca Fix input-height-inner wrongly calculated (#28018)
In a scenario where `$input-line-height` or `$input-font-size` are different than `$input-btn-line-height` and `$input-btn-font-size` the final `$input-height-inner` was wrongly calculated.
2019-01-11 14:22:14 +02:00
Martijn Cuppens 68062cfe60 Allow configuration of caret spacing and vertical alignment (#27994) 2019-01-07 18:28:21 +02:00
Martijn Cuppens cbc8a7273a Sync custom select focus state with custom control focus state 2019-01-07 02:48:04 +02:00
Martijn Cuppens e1b990fb90 Move hand cursor for buttons to reboot 2019-01-04 11:53:32 +02:00
Florian Lacreuse c71b291cd9 Remove unnecessary brackets for consistency (#27966) 2019-01-03 20:59:18 +02:00
Martijn Cuppens c0dfda964f Configurable display utility classes (#27917) 2018-12-29 04:54:58 +02:00
Martijn Cuppens 952374654c Fix custom select font sizes (#27929) 2018-12-29 04:44:35 +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
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 fca7531897 Merge branch 'table-dark-colors' into v4-dev 2018-12-21 14:49:11 -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
Martijn Cuppens fc841b0ceb #27135: themed link focus state & selector improvement (#27136) 2018-12-21 13:55:05 -08:00
Mark Otto d9712b7bcd Merge branch 'table-hover-colors' into v4-dev 2018-12-21 13:48:44 -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
Gijs Boddeus c618f67187 Actual gutter definition (#27797) 2018-12-14 03:04:10 +02:00
Gijs Boddeus 180a06eeb7 Add switch custom form control (#23004) 2018-12-12 15:28:25 +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
Roy Klutman e7e43edf65 Add border-radius to dropdown items (#27703) 2018-11-22 00:24:13 +02:00
Martijn Cuppens 75526bf2d0
Inherit card header color (#27681) 2018-11-17 10:16:16 +01: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
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
sts-ryan-holton 89eef046ef Add new `.rounded-pill` utility (#27339) 2018-11-05 19:19:00 +02:00
LittleHuba aa098991bf Add Noto Sans to the font stack (#27596)
Fixes #27595
2018-11-05 08:22:40 +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
Martijn Cuppens 96b49d7833 Fix Edge bounce and restore original transition easing (#27279) 2018-10-31 09:45:39 +02:00
Martijn Cuppens 5aed968750 Prevent the background to be shown when transitioning 2018-10-30 08:57:02 +02:00
Martijn Cuppens 1c91f48251 Variable darken percentage for emphasized links 2018-10-23 05:58:19 +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 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
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
midzer 50d866da24 optimize data URIs (#27284) 2018-10-21 10:03:17 +03:00
semenyakNik c5eb6043d8 Custom select inconsistent padding (#27415) 2018-10-20 22:00:48 +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
Mark Otto 29bd5e3218 Add overflow-auto and overflow-hidden utilities 2018-10-06 17:55:55 -07: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
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
Andres Galante ed3c611949 creates variables for navbar brand colors #27187 2018-09-13 17:51:14 +03:00
Martijn Cuppens 0e8831505a Simpler carousel indicators css (#26996) 2018-08-26 14:53:36 +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
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
Martijn Cuppens 4f926671e9 Carousel indicators transition (#26902) 2018-07-24 21:15:05 -07:00
Martijn Cuppens d80635c1cd Custom input range disabled styling (#26540) 2018-07-24 17:39:15 -07:00
Mark Otto fb2de04374 Merge branch 'v4-dev' into malkomich-v4-dev 2018-07-24 17:25:12 -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 3cfa06004e Add Noto Color Emoji to font stack
Fixes #26227
2018-07-20 18:24:14 -05: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
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 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
Mark Otto 139e89235f Simplify custom file inner height for generated browse button 2018-04-29 17:02:38 -07:00
Varunram Ganesh 871e0838a4 [trivial] Correct typos (#26297) 2018-04-14 08:41:18 +01: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
Mark Otto dd7ed79856
Add box-shadow utilities (#25758) 2018-03-31 22:07:48 -07: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
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 99379f3843 make it a var 2018-02-19 18:15:44 -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
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
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
Andrew Luca 2b8b062540 Allow to change `.table-striped` `odd` or `even` (#25333) 2018-01-19 19:34:49 +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
Andrew Luca 814e5b7f57 Extend spacers and sizes (#25101) 2018-01-15 22:01:32 -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
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
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
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
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 750291b251 Darken border color slightly 2018-01-01 20:50:59 -08:00