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
Andres Galante
5f3856ce29
removes hardcoded value for nav-link padding
2017-12-30 20:58:25 -08: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
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
cf5e99e172
Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev
2017-12-26 22:28:14 -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
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
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
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
Andres Galante
1d6e3710dd
Adds variable for color yiq threshold ( #24886 )
2017-12-01 19:26:10 -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
1ee9cb04bd
Adds variables for form validation messages ( #24767 )
2017-11-15 03:32:08 +02: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
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
Mark Otto
af9df8c308
update new focus and shadow properties to use vars
2017-10-25 12:30:29 -07:00
Mark Otto
5dae7f0449
edit code comments
2017-10-22 19:56:49 -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
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
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
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
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
e756b667d2
changes popovers from px to rem
2017-10-17 20:07:11 -07: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
Gisete Kindahl
bab3246a1d
Centered SVG icon within its own container ( #24292 )
2017-10-09 10:37:46 -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
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
Patrick Yeo
ac69547314
Badges add Sass variable to configure $badge-border-radius
( #24213 )
2017-10-02 21:11:11 -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
XhmikosR
7b766e1ad5
Switch to stylelint. ( #23572 )
2017-10-02 20:34:56 -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
Martijn Cuppens
1d6a6c2abf
Add quotes to mapping keys ( #23701 )
2017-09-27 11:00:42 +03:00
XhmikosR
5cec8e0de6
Minor Sass cleanup and consistency changes. ( #23959 )
2017-09-17 08:18:24 +03: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
Mark Otto
26e6d8b2b2
drop the now unused -color variable
2017-08-20 13:36:16 -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
Andres Galante
77777b388d
Adds a default flag to paragraph-margin-bottom ( #23420 )
2017-08-14 18:09:44 -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
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
54d76805a5
Redo .card-deck and .card-group so they're always flex ( #22860 )
2017-08-13 14:53:24 -07:00
Patrick Yeo
a0521efbb5
Input Group Addon add option to configure $input-group-addon-color
2017-08-10 23:11:18 -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
Pascal Pixel
4634b39a1b
Emoji Defaults ( #22565 )
2017-08-10 22:51:42 -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
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
Patrick Yeo
0501b029f5
( #22414 ) Rename for consistency $dropdown-margin-top
to $dropdown-spacer
2017-08-04 15:17:50 -07:00
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
Mark Otto
3b08beb37a
follow up to 4e067f722
2017-07-01 23:40:51 -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
e7ae1d9069
match btn transition to input
2017-07-01 23:10:01 -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
2feebccf24
make card headers and footers translucent
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
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
6fbceb2f70
remove $state-vars now
2017-06-28 09:38:27 -07:00
Mark Otto
91b587ad6a
remove now unused alert variant variables
2017-06-28 09:23:10 -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
b973fe6b94
update theme colors
2017-06-25 18:08:43 -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
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
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
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
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
d6b0334a4e
remove icons for now
2017-06-06 22:45:37 -07:00
Patrick Yeo
ec56bbe6bf
Rename $card-border-radius-inner
to $card-inner-border-radius
2017-06-03 22:17:57 -07:00
Mark Otto
f13eb51940
Merge branch 'v4-dev' into form-tweaks
2017-05-31 21:29:23 -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
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
Johann-S
aa36439e17
Use Popper.js to manage arrow position
2017-05-23 15:19:54 +02:00
Johann-S
2b403819b7
Fix tooltip margin to be stick at their caller
2017-05-14 11:41:19 +02:00
Sebastiaan Nijland
6c5346e300
Removed several unused scss variables ( #22539 )
2017-05-07 17:41:14 -07: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
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
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
Patrick H. Lauke
7056f70240
Remove cursor: not-allowed
styles
2017-04-10 22:10:20 +01: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
90c18ebd19
Switch to ease function to remove trailing animation movement
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
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
Mark Otto
c6168b64ed
Remove system-ui from font stack due to i18n issues
2017-04-07 14:22:18 -07:00
Praveen Puglia
cb4bc89fdf
ability to change text color in popovers ( #22221 )
2017-03-28 15:21:47 -07:00
Mark Otto
296c99020c
Revamp button and input vars while fixing #21587 ( #22287 )
2017-03-28 09:28:27 -07:00
Pierre-Denis Vanduynslager
17cb5bb674
Allow to customize navbar-brand font-size
2017-03-23 23:02:28 -07:00
Pierre-Denis Vanduynslager
a03aaf39df
Harmonize navbar-brand, navbar-text and nav-link height
2017-03-23 23:02:28 -07:00
Mark Otto
d093460252
fixes rest of #21585 ; adds custom styles for inverse table accent hover and active states
2017-03-19 18:39:48 -07:00
Mark Otto
13a874e340
reorder
2017-03-19 18:39:48 -07:00
Mark Otto
08d612f3e4
correct inverse table border color, add new var
2017-03-19 18:39:48 -07:00
Starsam80
95f37e4c40
Clean up spacers a bit more
2017-03-05 16:05:12 -06:00
Mark Otto
ed1de86794
Update spacer utilities ( #22123 )
...
* Drop -x and -y as they're all the same
- Also move -width to elsewhere in the vars because it makes no sense by spacers.
- Update values of -x and -y across main Sass and docs Sass.
* Update docs to reflect changes; link to spacing utils from options page
2017-03-05 12:20:44 -08:00
Catalin Zalog
70a57902ce
Change sticky order ( #22027 )
...
Based on this pen: http://codepen.io/zalog/pen/jyoyoR
2017-03-03 13:02:17 -08:00
Sean Beyer
e02597519a
Remove 'hover' from nav-tabs-active-link-hover-color et al ( #22087 )
...
* Remove 'hover' from variable names
* Fix indentation in variables
2017-03-03 11:15:41 -08:00
Mark Otto
09c7b1c582
Fixes #21908
2017-02-04 15:55:37 -08:00
Juan Carlos González Cabrero
a8b00ddc12
Reduce the width to prevent the modal fills the screen width
2017-01-28 18:26:55 +01:00
Juan Carlos González Cabrero
95dffb3279
Add new extra large size for modal containers
2017-01-28 18:26:55 +01:00
Geremia Taglialatela
b509dbe75b
Pixel perfect navbar toggler ( #21821 )
...
The actual available size of the navbar toggler icon is 30px, but the
SVG uses a 32 unit grid. This commit uses a 30 unit grid and updates
icon accordingly.
2017-01-24 00:00:18 -08:00
Pierre-Denis Vanduynslager
d6a5439a8c
Remove list-group-item-heading and list-group-item-text ( #21653 )
2017-01-15 21:36:15 -08:00
Pierre-Denis Vanduynslager
a3bc607c10
Remove unused scss variables ( #21579 )
...
* Remove unused scss variables
* Remove unnecessary space
* Remove $zindex-navbar from docs
* Re-add $progress-box-shadow
2017-01-15 21:35:18 -08:00