0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-05 17:24:20 +01:00
Commit Graph

812 Commits

Author SHA1 Message Date
Martijn Cuppens
855d763ae5 Reboot updates
- Remove unsupported browsers fixes
- More consistent comment blocks
- Reorganise order of some blocks
- Add height fix for date/month/week/time inputs (#18842)
- Remove redundant type selectors
- Additional resets and theming options for `legend`
- Add date & color inputs to reboot page
- Use the same borders for text search, text inputs, textareas and date inputs
- Move code styling to reboot
2019-07-25 19:26:27 +02:00
Martijn Cuppens
97e9214edd Drop .pre-scrollable class 2019-07-25 18:42:45 +02:00
Martijn Cuppens
1c05c1dbf1 Drop color(), theme-color() & gray() functions (#29083)
Drop `color()`, `theme-color()` & `gray()` functions  in favor of variables. The functions just called a `map-get()` of a map where just the variables were defined. 

Also the `theme-color-level()` now accepts any color you want instead of only `$theme-colors` colors. The first value now is a variable instead of the `$theme-colors` key.
2019-07-25 10:41:13 +03:00
Martijn Cuppens
b4c4223409 Remove card columns in favor of masonry grid 2019-07-22 16:08:58 +03:00
XhmikosR
57154a6562
Optimize the embedded SVGs. (#29075) 2019-07-22 00:23:54 +03:00
Martijn Cuppens
f6694b7440 Use escape-svg() function (#29077)
* Use escape-svg() function

* Update theming.md
2019-07-19 18:57:12 -07:00
Martijn Cuppens
62b8e84970 Make it possible to change default alignment & allow to inherit alignment from table (#29039) 2019-07-18 08:49:39 +03:00
Martijn Cuppens
57edecbfb8 Remove redundant fill-rule 2019-07-17 15:10:44 +03:00
XhmikosR
18cf5c02c9 Move xmlns after svg for consistency. 2019-07-17 15:10:44 +03:00
XhmikosR
294752ed9e Escape the newly added SVGs.
Also use `viewBox` instead of `viewbox`.
2019-07-17 15:10:44 +03:00
Martijn Cuppens
88e87ca7c9 Make text align configurable (#28989)
This was causing issues for RTL, see https://github.com/twbs/bootstrap/issues/28238
2019-07-15 14:34:01 +03:00
Mark Otto
df1c3c0ce8 v5: Reuse box-shadow variables (#29023)
* Remove default kbd element shadow, simplify selector while here

* Add new -shadow-inset variable so our shadows match on .form-control's, .form-select's, and .progress's

* Reuse box-shadow variables for .dropdown's, .popover's, .toast's, .modal's, and .img-thumbnail's
2019-07-15 10:29:13 +03:00
Mark Otto
aaf03bdc9e
v5: Forms update (#28450)
* Initial spike of consolidated form checks

* Stub out forms rearrangement

- Prepping to drop non-custom file and range inputs
- Prepping to merge custom and native checks and radios (with switches)
- Prepping to merge custom select with form select
- Moving docs arround so forms has it's own area given volume of CSS

* Move input group Sass file to forms subdir

* Start to split and move the docs around

* Simpler imports

* Copyediting

* delete overview file

* Remove commented out code

* remove the custom-forms import

* rewrite flex-check as form-check, replace all custom properties

* Remove old forms doc

* stub out new subpage link section

* update migration guide

* Update nav, forms overview in page nav, and descriptions

* fix check bg position

* fix margin-top calculation

* rename .custom-select to .form-select

* Update validation styles for new checks

* add some vertical margin, fix inline checks

* fix docs examples

* better way to do this contents stuff, redo the toc while i'm at it

* page restyle for docs while here

* un-callout that, edit text

* redo padding on toc

* fix toc

* start to cleanup checks docs

* Rewrite Markdown tables into HTML

* Redesign tables, redo their docs

* Replace Open Iconic icons with custom Bootstrap icons

* Redesign the docs navbar, add a subheader, redo the sidebar

* Redesign docs homepage a bit

* Simplify table style overrides for docs tables

* Simplify docs typography for page titles and reading line length

* Stub out icons page

* Part of sidebar update, remove migration from nav.yml

* Move toc CSS to separate partial

* Change appearance of overview page

* fix sidebar arrow direction

* Add footer to docs layout

* Update descriptions

* Drop the .form-group class for margin utilities

* Remove lingering form-group-margin-bottom var

* improve footer spacing

* add headings to range page

* uncomment form range css

* Rename .custom-range to .form-range

* Drop unused docs var

* Uncomment the comment

* Remove unused variable

* Fix radio image sizing

* Reboot update: reset horizontal ul and ol padding

* de-dupe IDs

* tweak toc styles

* nvm, fix dropdown versions stuff

* remove sidebar nav toggle for now

* broken html

* fix more broken html, move css

* scss linting

* comment out broken helper docs

* scope styles

* scope styles

* Fixes #25540 and fixes #26407 for v5 only

* Update sidebar once more

* Match new sidenav order

* fix syntax error

* Rename custom-file to form-file, update paths, update migration docs for previous changes in #28696

* rename back

* fix size and alignment

* rename that back too
2019-07-12 16:52:33 -05:00
Martijn Cuppens
65f21bbef1 Fix pre color (#28966) 2019-06-26 13:18:59 +03:00
Martijn Cuppens
27824ec586 Stretched link updates (#28958)
- Remove IE10 background hack
- Ability to change the pseudo element
- Ability to change the z-index
- Remove pointer events, just inherit this
2019-06-26 07:54:51 +03:00
Martijn Cuppens
ac6eefd227
Change invalid icon from cross to exclamation mark (#28944)
The cross icon was confusing since some browsers use it as a reset button.
2019-06-22 16:21:11 +02:00
Martijn Cuppens
2ac2a5a91e Removal of one of the most iconic components of Bootstrap: the jumbotron (#28876) 2019-06-07 14:44:25 +03:00
Shohei Yoshida
b28322469e Calc modal header/footer border radius according to the border width (#28775) 2019-05-28 14:21:45 +02:00
Martijn Cuppens
769c8d8246
Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
Mark Otto
473689ce5d v5: Drop all print styles and classes (#28339) 2019-05-09 07:57:58 +02:00
Mark Otto
1d4d9f8d89 Drop all hover mixins
Previously deprecated in v4.x, this clears out the now unused Sass option and removes some unused mixins. Arguably we could remove more, but I like the hover-focus mixin and we make extensive use of it across the project.
2019-05-08 20:58:07 +03:00
Shohei Yoshida
dfab49aab7 Fix incorrect variable for popover border radius (#28733)
* Use $popover-border-radius

* Move and rename the local $offset-border-width to the global variable
2019-05-07 12:01:30 +02:00
Martijn Cuppens
f5599d0a04 Configurable container padding (#28554) 2019-05-05 10:49:23 +03:00
Martijn Cuppens
a776cc473d Switch from list to map for responsive embeds (#28678) 2019-05-05 10:41:27 +03:00
Martijn Cuppens
91230dbdf1
Headings font style (#28544) 2019-05-02 21:35:58 +02:00
Martijn Cuppens
09c99fe6e7 Reboot & Type cleanup (#28698)
- Line height & font family from html were directly overridden by body, so they were redundant thus removed
- The remaining properties are moved to body
- Shim for IE10 tags removed
- hr cleanup
  - Combined styles from reboot & type
  - Changed from borders to background
    - This allows us to keep the color inherited.
    - Opacity can be used to change the intensity
    - Size attribute will not change the height instead of making the hr look like an input field
  - Better variable names
- headings cleanup
  - Moved all element styling to reboot
  - Type will now extend the element styling. This way we will save some redundant code
- small & mark are also moved to reboot. type does not contain any element styling anymore
- font weight removed from small, this did not really made sense
2019-04-30 11:00:33 +03:00
ysds
a454ea7cf7 Change custom file markup 2019-04-30 10:45:05 +03:00
GeoSot
275cd7f91e Separate $btn-link colors from $link-color (#28681) 2019-04-23 16:12:51 +03:00
Shohei Yoshida
b1b5e87d65 Add $custom-control-label-color variable (#28633) 2019-04-13 15:06:32 +03:00
Ted Kesgar
51b0c42778 Change toast border radius to use $border-radius (#28621)
Currently, `$toast-border-radius` uses the value of `.25rem`. This is inconsistent with other variables such as `$btn-border-radius` and `$input-border-radius`, which uses the "global" `$border-radius` variable.
2019-04-08 15:06:48 +03:00
Loïc Goyet
f2d33cd86b Remove scss variable defined twice (#28567) 2019-03-29 21:31:23 +02:00
Mark Otto
c16532c724 v5: Update badges (#28458)
- Drop hover and focus states
- Drop .badge-* variants and associated mixin for .bg-* utilities
- Drop .badge-pill for .rounded-pill utliity and adjust horizontal padding to find middle ground of .badge and old .badge-pill
- Remove unused variables
- Add default color value to .badge base class
- Update docs to reflect changes
2019-03-14 19:15:26 +02:00
astrahov
62277bc58e Change breadcrumb item padding variable name (#28125) 2019-02-20 22:05:45 +02:00
Martijn Cuppens
51375abca5
Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
Martijn Cuppens
8b41cb1368 Optional btn & input font sizes (#28068) 2019-02-07 19:47:24 +02:00
Zachary Welch
b647dd0565 Add map-name param to _assert-starts-at-zero (#24986)
* Add map-name param to _assert-starts-at-zero

* Set default value for backwards compatibility
2019-02-07 10:19:38 +01:00
Martijn Cuppens
5c56e9adff
Add deprecate() mixin (#28092) 2019-01-22 20:55:23 +01:00
Martijn Cuppens
59d040fcbb Make component colors configurable (#28035) 2019-01-20 23:38:29 +02:00
Martijn Cuppens
3d350c3b34 Remove map-merge (#28033) 2019-01-13 16:35:00 -08:00
Martijn Cuppens
70f50f3079 Sync dropdown font size to base font size 2019-01-13 16:27:40 -08:00
Martijn Cuppens
e57cdee6bc Sync dropdown font size with btn font size 2019-01-13 16:27:40 -08:00
Martijn Cuppens
8db577bd51 Prevent useless property rendering 2019-01-13 16:22:25 -08:00
Martijn Cuppens
4b839b1c87 Don't render a background by default 2019-01-13 16:21:57 -08:00
Martijn Cuppens
5adcfe97f0 Prevent rendering of color property by default 2019-01-13 16:21:16 -08:00
Martijn Cuppens
cd4964f345 Change comment heading title to Typography (#28032) 2019-01-14 01:59:51 +02:00
Martijn Cuppens
b3226c1ccc Align toast variables (#28041) 2019-01-14 01:51:53 +02:00
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
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