Commit Graph

3022 Commits

Author SHA1 Message Date
Catalin Zalog e6829fb7b6
style: removes space (#30782) 2020-05-12 10:28:59 +03:00
Gaël Poupard fb0ad7a93c
Fix form file height (#30699) 2020-05-05 19:43:16 +02:00
Mark Otto 3e73039936
v5: Unify spacing across components (#30564)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-30 15:17:08 +02:00
Martijn Cuppens ed2caa5117
Remove borders from iframes by default (#30620) 2020-04-29 20:32:35 +02:00
Gaël Poupard 8bee113008
[type=radio] should always be rounded (#30686) 2020-04-29 21:13:57 +03:00
Martijn Cuppens 7153c2c3bf
`<pre>`: Disable auto-hiding scrollbar in legacy Edge (#30685)
Disable auto-hiding scrollbar in legacy Edge to avoid overlap, making it impossible to interact with the content.
2020-04-29 17:51:25 +03:00
Martijn Cuppens ea34cc4c1e
Prevent list group style leaks (#30660) 2020-04-28 09:24:17 +02:00
Mark Otto 88490fe81d Use scss-docs for color maps 2020-04-26 17:26:04 -07:00
Mark Otto f6e2f4c656 Rewrite Theming docs as Customize section
- Broke up existing theming page into separate pages
- Audited and updated each new docs page (some pages include some TBD sections)
- Update sidenav to reflect changes
- Fix links that pointed to the old Theming page
- Update docs styles to reflect recent changes
- Rewrite some bits in the Migration page
2020-04-26 17:26:04 -07:00
Mark Otto 0408799ae5 Rename variables for brevity
- Rename `$enable-prefers-reduced-motion-media-query` to `$enable-reduced-motion`
- Rename `$enable-pointer-cursor-for-buttons` to `$enable-button-pointers`
2020-04-26 17:26:04 -07:00
Martijn Cuppens 6558664f4c Customizable table group seperator colors 2020-04-24 10:05:10 +02:00
Martijn Cuppens eed27f35cc Add bs prefix 2020-04-24 10:05:10 +02:00
Martijn Cuppens d089a683c8 Prevent nested tables style leaks 2020-04-24 10:05:10 +02:00
Catalin Zalog ed32ee2e78
Add `$form-text-font-weight` (#30617) 2020-04-20 08:19:06 +02:00
Martijn Cuppens 4fc701f6aa
Drop `@support (position: sticky)` media query (#30415) 2020-04-18 14:10:18 +02:00
Catalin Zalog 338ca83821
grid: checks for `$grid-columns > 0` (#30605)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-18 11:51:50 +02:00
Catalin Zalog a8883a3b96
feat: checks for `$grid-breakpoints` map list (#30609)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-17 19:18:51 +02:00
Catalin Zalog 6b5f055a7d
feat: checks for `$grid-row-columns` (#30606) 2020-04-16 19:15:51 +02:00
Catalin Zalog 3ff3680d4e
feat: removes `.form-text` display (#30598)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-16 16:38:21 +02:00
Martijn Cuppens 8cdb057111
Add `bs-` prefixes to custom properties (#30591) 2020-04-15 18:52:16 +02:00
Martijn Cuppens 5c2a50fb9e
Disable negative margins by default (#30585)
* Disable negative margins by default

* Use shorter enable variable

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-15 07:36:35 +03:00
Mark Otto be9a2374c5
v5: Update system font stack (#30561)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-14 23:15:50 +02:00
k-utsumi 3a0fb1f7dc
Delete appearance from `button.close` (#30582) 2020-04-14 17:25:59 +02:00
Martijn Cuppens ed8fd689e6
Simplify checkbox & radio input (#30557)
- Define background properties in `.form-check-input`
- Use `background-size: contain` to simplify background sizes (especially for those with linear gradients)
- Remove double `color-adjust`
- Adjust svgs to 20x20 box. This way the strokes aren't rescaled.
2020-04-14 15:05:34 +02:00
Martijn Cuppens 9eaeb38ac0
Update RFS to 9.0.3 (#30581)
* Two dimensional fix - https://github.com/twbs/rfs/pull/225
2020-04-14 14:04:29 +02:00
Mark Otto 4efc1c462d
Redo display headings (#30568)
- Convert to Sass map
- Consolidate font-weights into single option (matching line-height for them)
- Add two new sizes and create a new scale
- Update migration docs

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-14 13:57:11 +02:00
Catalin Zalog e2afbbfa82
Restore `.form-text` (#30565) 2020-04-14 09:21:13 +03:00
Mark Otto 7dedccfb9a Update docs for new XXL grid tier
- Updates mentions of number and exact tiers
- Updates grid example to include xxl container
- Adds some scss-docs references
- Cleans up other grid mentions and docs
- Updates navbar example to include an expand at XXL variant
2020-04-13 14:40:47 -07:00
Mark Otto 6fdb8e6e68 Add an xxl grid tier
- Staring at my laptop, I realized I'm wasting away space. This adds a 
significant amount of CSS, but it feels right already.
- Added the xxl tier with a width that divides by 12
- Motivation was originally trying to have a third column for our toc so 
that our docs are more useful
2020-04-13 13:55:34 -07:00
Catalin Zalog 8cb60bf043
Use `box-shadow` mixin for `.btn` (#30512)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-11 13:40:39 +02:00
Catalin Zalog 939beea620
Use `box-shadow` mixin for `.form-select` (#30555) 2020-04-11 13:27:01 +02:00
Gaël Poupard bcdd8fbc07
Use custom properties for font-stacks (#30509) 2020-04-10 20:31:58 +02:00
Martijn Cuppens 5e65b12f1c
Add checkbox transition (#30528) 2020-04-09 08:07:11 +02:00
Mark Otto 64050f43bc
Fix spinner-grow animation (#30504)
* Fix spinner-grow animation

Safari seems to be interpreting the old keyframes animation as incomplete. Adding `transform` to the second frame seems to resolve the issue.

Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-04-08 20:58:23 +03:00
Martijn Cuppens 83b49aa688
Create `scss-docs` shortcode to get some snippets from the Scs… (#30502)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-04-06 20:13:35 +02:00
Catalin Zalog 98ba40dc06
Add `.card-footer` color (#30515) 2020-04-06 14:59:29 +02:00
Martijn Cuppens a85d80c925
Add nav link transition (#29988) 2020-04-06 14:29:39 +03:00
Martijn Cuppens e8e6d64eb0
Fix card list group borders & radii (#30497) 2020-04-02 08:10:11 +03:00
Catalin Zalog 1cc1a47646
Use `box-shadow` mixin for form controls (#30480) 2020-04-01 19:44:22 +02:00
Martijn Cuppens 05fb3905e6 Fix border radii 2020-04-01 10:05:43 +03:00
ysds 062002d952 Fix CSS and improve docs 2020-04-01 10:05:43 +03:00
gsoti e138decdbb Add Full-Screen size to Modal and Responsive variations for breakpoints
(Works from breakpoint and down)
2020-04-01 10:05:43 +03:00
Shohei Yoshida 053d5d5e93
transition() mixin prevent redundant 'transition: none' and pass `null` (#30391)
* Prevent redundant 'none' for prefers-reduced-motion

* Output warning when use 'none' or 'null' with multiple arguments

* Fix for libsass(node-sass)
2020-04-01 09:42:33 +03:00
Martijn Cuppens 6663faa3e7 Fix date inputs heights in safari 2020-04-01 08:30:40 +02:00
Martijn Cuppens 6dfe8e02d7
Fix text decorations (#30492)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-03-31 21:42:38 +03:00
Martijn Cuppens df707cd727
Require `.form-label` classes on form labels (#30476) 2020-03-31 20:02:57 +02:00
Yannik Hampe a1b5a64fba
Use variables for list-group-item color levels (#30009)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-31 14:51:50 +02:00
Martijn Cuppens 22a535641b
Cleanup responsive tables (#30482) 2020-03-31 10:33:05 +02:00
Martijn Cuppens 8414126266
Switch to custom properties to control grid gutter widths (#30475) 2020-03-30 15:12:36 +02:00
Catalin Zalog dec3ea6a7f
Order sizes variables (#30479) 2020-03-28 21:01:37 +01:00
Mark Otto 4ccd522a76
Add `.caption-top` for tables (#30435)
* Move caption-side to <table> element in Reboot

* Add class for .caption-top
2020-03-24 10:00:45 +01:00
Zedicius 64a5987cc0
File chooser size (#30040)
Co-authored-by: David Van Doninck <david.vandoninck@intracto.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-23 18:36:54 +01:00
Catalin Zalog 8f84d4051b
Make form-check label customizable (#30426)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-23 18:29:56 +01:00
Tim Dujardin 3e5bc4c56d
Added focus state to .btn-link (#30036) 2020-03-23 18:08:17 +01:00
Gaël Poupard 03908ea37a
Use WCAG contrast algo (#30168) 2020-03-23 18:03:56 +01:00
Martijn Cuppens 2e150e722a Use next dropdown menu instead of first of the parent 2020-03-23 15:35:07 +01:00
Martijn Cuppens 85b12549ec Simplify input groups by dropping `.input-group-prepend` and `.input-group-append` 2020-03-23 15:35:07 +01:00
Martijn Cuppens c51e9fa4ee
Fix wrapping bug (#30345) 2020-03-21 16:44:08 +02:00
Martijn Cuppens 4a37677dda
Merge branch 'master' into underline-links 2020-03-20 12:30:41 +01:00
Martijn Cuppens 7fc4037a02 Remove redundant text decoration from hover states 2020-03-20 09:35:55 +01:00
Martijn Cuppens 910d481062 Remove underline hack for breadcrumbs 2020-03-18 20:59:27 +02:00
ysds 89d90d1f85 Remove Internet Explorer leftovers 2020-03-18 20:59:27 +02:00
Martijn Cuppens d9e83671ae Drop IE support from Sass 2020-03-18 20:59:27 +02:00
XhmikosR 018a94c9c1 Remove Internet Explorer leftovers 2020-03-18 20:59:27 +02:00
XhmikosR 9108e303ef Revert "Revert "Remove IE-specific breadcrumb CSS hack""
This reverts commit 15d242d21a.
2020-03-18 20:59:27 +02:00
Mark Otto f3692bf517 Enable underlines for links 2020-03-17 12:26:35 -07:00
Catalin Zalog 52c5b06f1c fix(css): adds a new opacity var
Fixes beeing able to control `.is-valid` & `.is-invalid` input:focus opacity
2020-03-16 08:52:13 +01:00
Catalin Zalog fef94bf163 style: applies ascending order 2020-03-15 22:12:11 +01:00
Martijn Cuppens 4d4400e5ca Fix pseudo paddings and height 2020-03-14 17:09:08 +01:00
Catalin Zalog ff39e0bf84 feat(css): groups hr element 2020-03-14 12:24:16 +01:00
Martijn Cuppens 481f7c6a3d Use `display: block;` for form elements 2020-03-13 08:29:47 +01:00
Martijn Cuppens 2a2b0b5abe Change container padding to 1rem 2020-03-10 20:30:29 +01:00
Martijn Cuppens fca5e35d13 Add row-cols-auto and responsive variants 2020-03-10 20:30:29 +01:00
Martijn Cuppens 5ac9fe8967 bootstrap-grid.css: Only apply `box-sizing: border-box` to the columns instead of using the universal selector 2020-03-10 20:30:29 +01:00
Martijn Cuppens 66408b6e59 Remove card decks in favor of the grid 2020-03-10 20:30:29 +01:00
Martijn Cuppens beefc6f530 Bootstrap 5 grid 2020-03-10 20:30:29 +01:00
Yogini Bende 74ed9d92e8
Minor `.nav-tabs` optimization (#30288) 2020-03-09 21:12:20 +02:00
Martijn Cuppens d9215ebd5a
$link-decoration: underline affects some components (#30262)
Co-authored-by: Shohei Yoshida <fellows3@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-03-05 15:22:52 +01:00
Shohei Yoshida 59c5d7599d
reboot file: adds some grouping and comments standardizations (#30340)
* style: groups sections

- adds two nl before any section
- extract elements from wrong section ex: `mark` from `form`

* style: format comments

* style: sticks all `see`s with the description

- sticks
- renames

* style: removes not needed spaces

* style: removes not needed number like other cases

* style: stick credits with description

* style: adds missing number
2020-03-05 22:51:14 +09:00
Martijn Cuppens 481540800d
Fix `th` alignment for Safari (#30323) 2020-03-02 08:36:17 +02:00
Shohei Yoshida 40ac139bbe
Fix centered modal scrolling issue (#30244)
Use the `min-content` property.
2020-02-29 09:59:36 +02:00
Martijn Cuppens 648bceadd8
Add pointer event utilities (#30185) 2020-02-23 01:07:33 +01:00
Shohei Yoshida 8087272f06
Remove unnecessary reduce motion when `$enable-transition: false` (#30183) 2020-02-17 09:46:53 +02:00
Martijn Cuppens 148421be12
Remove map merges (#28508) 2020-02-15 14:41:59 +01:00
XhmikosR 8d791f2800
Revert "Placeholder for transitions reset to prevent code duplication #29862"
This reverts commit cd7e5d1111.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-15 12:41:33 +01:00
Giovanni Mendoza daf0c438f1
Added new variable for padding on dropdown header (#29946)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-15 12:06:02 +01:00
Martijn Cuppens 1d8a3a9597
Add RFS to utility API (#30050) 2020-02-15 12:01:32 +01:00
Gaël Poupard cd7e5d1111
Placeholder for transitions reset to prevent code duplication… (#29870)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-02-14 20:50:50 +01:00
Jens Luyten 7a694396c1
Add utility class for the user-select property (#30035)
* Add utility class for the user-select property

* Docs: Add new page for behavior utility classes - includes user select utility

* Update and rename behaviors.md to interactions.md

* Update sidebar.yml

Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-02-14 09:24:16 +02:00
Shohei Yoshida a9263e38fd
Avoid border-radius functions return negative values (#30166)
* Avoid border-radius functions return negative values

* Update _border-radius.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-02-14 08:40:07 +02:00
Martijn Cuppens f54b83073d Shorten if notations so that property order can be applied 2020-02-12 19:45:54 +02:00
Martijn Cuppens dc64ff3314 Convert background shorthands to separate properties 2020-02-12 19:45:54 +02:00
Martijn Cuppens 980c5fd728 Remove redundant properties & nullify redundant percentages 2020-02-12 19:45:54 +02:00
Martijn Cuppens 1bc2d65b29 Remove unrelated properties from gradient-bg mixin 2020-02-12 19:45:54 +02:00
GeoSot 1238734922
Make spinners speed adjustable (#30154) 2020-02-11 15:59:59 +02:00
Martijn Cuppens 6e8ea2722d
Introduce posibility to disable !important suffix for utility classes (#29625) 2020-02-10 16:05:07 +02:00
Martijn Cuppens 532feab38b
Split grid & containers (#29146) 2020-02-03 21:02:53 +01:00
Cinnead 770d95ed02 Add transition and add box-shadow for navbar-toggler (#30038)
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-01-28 13:28:44 +01:00
Jens Luyten 2e6c9f32bd Prevent grid with default cols from breaking when large pre was present (#30049) 2020-01-25 11:15:06 +02:00
jorimvanhove 58f2e8309c IE auto-size input-group to column (#30043) 2020-01-23 17:30:31 +02:00
jorimvanhove af78de3cdd Navbar link color contrast (#30034) 2020-01-17 13:38:05 +01:00
Martijn Cuppens 6904afe36b Inherit flex-wrap to decrease generated css (#29951) 2020-01-07 22:32:46 +02:00
Martijn Cuppens c7ce627ca8 Remove redundant `overflow-wrap` property
While `overflow-wrap` is the more recommanded option, `word-wrap` alone has a wider support.
2020-01-04 18:26:24 +01:00
Florian Lacreuse d5270cb811 Use word-wrap in .text-break for IE and Edge compatibility. 2020-01-04 18:26:24 +01:00
XhmikosR 7b990eb2f4
Bump copyright year to 2020. (#29944) 2020-01-02 11:34:48 +02:00
Martijn Cuppens bd27834198 Drop `.text-justify` class (#29793)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2019-12-30 22:33:34 +02:00
Martijn Cuppens 4387038421 Simplify disabled styles (#29296)
* Simplify disabled styles

* Mention pointer-events usage
2019-12-27 18:40:06 +02:00
Martijn Cuppens 5c37724d49
Escape brackets (#29857)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2019-12-25 21:43:22 +01:00
Martijn Cuppens 538f4f10c9
Allow percentages in container widths (#29819) 2019-12-25 21:16:58 +01:00
Martijn Cuppens 4b021dc666
Remove redundant top margin (#29883) 2019-12-25 20:54:43 +01:00
Martijn Cuppens 74e45ebc07 Navbar optimizations (#29864)
- Remove redundant `display: inline-block` from flex children
- Remove `line-height: inherit;` which is the default value of `line-height`
- Use flex shorthand
- Improve background shorthand
- Fix removed brand margin caused by requiring containers in navbars
2019-12-25 18:38:41 +02:00
XhmikosR b1b7f8ee76 Remove the deprecated `form-control-focus` mixin 2019-12-14 15:47:39 +02:00
Brendan dcc2ce3587 Adjust card spacing variables (#29813) 2019-12-14 14:35:17 +01:00
wojtask9 043b054480 Remove `.form-group` leftovers (#29449) 2019-12-09 19:22:12 +01:00
Matthieu Vignolle 1a5b7f4a8e Add font style normal (#29744) 2019-12-06 02:34:10 +02:00
jeromelebleu 2a6ba75388 Use pseudo-class too for disabled check/radio (#29740) 2019-12-06 02:28:34 +02:00
719media d7203bac3b Fix breadcrumb spacing with whitespace (#29745) 2019-11-28 18:54:34 +01:00
Shohei Yoshida 37d97c973f Fix dart Sass compatibility for subtract (#29763) 2019-11-28 14:33:31 +02:00
Martijn Cuppens 0964a88ac8 Fix dart Sass compatibility (#29755) 2019-11-28 09:48:33 +02:00
Matthieu Vignolle 4de4874e72 Change deprecated html tags to text decoration classes (#29604) 2019-11-27 08:43:49 +02:00
Martijn Cuppens cd077cd599 Enable RFS for font resizing
- Enable RFS
- Add documentation
- Disable doc font size overrides
2019-11-25 13:05:57 +02:00
Martijn Cuppens 787256cae4
Compressed Sass output support (#29702) 2019-11-24 20:20:03 +01:00
Jonathan Hefner 0caed940a5 Set vertical-align on .form-check-input (#29521)
This is a follow-up to #29322, specifically "allowing easy placement of
the `.form-check-input` in more places."  In my testing in Firefox and
Chrome, setting `vertical-align: top` removes the need to add
`float-left` to vertically align the checkbox and label text.  And doing
so does not visually affect examples which do apply `float: left` via
nesting in a `.form-check`.
2019-11-24 20:15:35 +01:00
Martijn Cuppens 460ba061cb
Keep themed appearance for print (#29714) 2019-11-24 20:01:02 +01:00
Martijn Cuppens eb849d73cd Make check label cursor customizable (#29654) 2019-11-07 21:03:52 +02:00
Sam Duvall dbeb85cb08 Fixed input-height-sm and input-height-lg calculations (#29653) 2019-11-07 20:34:54 +02:00
Martijn Cuppens 504098d664 progress: Fix IE overflow (#29629) 2019-11-04 14:37:13 +02:00
Martijn Cuppens 32b932c959 Revert complex calculation 2019-10-31 08:30:53 +02:00
ysds d6ebc60d3d Add add and subtract function 2019-10-31 08:30:53 +02:00
Matias Puhakka 639c405c65 Remove redundant "Navbar divider" from "Contents" (#29601) 2019-10-28 15:19:03 +01:00
Mark Otto b81a23a60d Update .form-check to properly support gradients when enabled (#29338) 2019-10-28 08:12:07 +01:00
Mark Otto 9c7bc1a111
v5: Simplify navbars by requiring containers (#29339)
* v5: Simplify navbars by requiring containers

* Update migration docs for navbar
2019-10-27 20:26:52 -07:00
Higor Araújo dos Anjos 46912797b2 Added animation when modal backdrop is static (#29516) 2019-10-25 21:12:09 +03:00
Martijn Cuppens 9ee9b8a1e8 Add configurable button text wrapping (#29554) 2019-10-25 12:37:52 +03:00
Mark Otto 943bef258d
v5: Update colors to add shades and tints (#29348)
* Add variables for shades and tints of each major color

* getting-started/theming.md: use a `range`.
2019-10-18 11:04:27 -07:00
Mark Otto 104385c508 Add make-col-auto mixin (#29367) 2019-10-17 09:46:34 +03:00
Martijn Cuppens 7327e38b1c Fix top level ampersand (#29518)
Fixes dart sass compatibility.
2019-10-12 16:07:22 +03:00
leshasmp 64e22b4284 Carousel variables (#29493) 2019-10-12 14:09:04 +02:00
astrahov 09e6af48d7 Group line-height variables (#29466) 2019-10-12 13:56:29 +02:00
Jeremy Jackson 4e37fc3ab4 Add color argument to button mixins (#29444)
Add optional `$color` argument to `button-variant()` and
`button-outline-variant()` for additional flexibility.
2019-10-12 11:21:22 +03:00
Mark Otto b3451ff258 Add new .bg-body utility class (#29511) 2019-10-10 21:18:19 +03:00
astrahov 60559d44a2 Add variable for `$breadcrumb-font-size` (#29467) 2019-10-03 18:54:34 +03:00
Martijn Cuppens 393ddae09b
Fix border for single card in accordion (#29453) 2019-10-03 09:43:45 +02:00
Martijn Cuppens 03c9788f7a
Variable card height (#29462) 2019-10-03 09:21:40 +02:00
Paweł Kuna f6a1e2fc89 Better radio input (#29441) 2019-10-03 09:52:25 +03:00
Martijn Cuppens de8c65158b Remove appearance from textarea (#29455) 2019-10-02 22:37:24 +03:00
Mark Otto 707973ebdd v5: .form-check layout changes (#29322)
* Scope .form-check-input layout to the .form-check parent

* Remove margin-bottom from list-group-items in case they are label elements

* document .form-check in input groups and list groups, and cleanup the no-label examples in the main .form-check docs
2019-10-02 22:19:45 +03:00
astrahov 46e8f1a34f Variable carousel indicator opacity (#29468) 2019-10-01 15:14:43 +02:00
Paweł Kuna 0a3aa08b89 Remove outline from select box in FF (#29445)
* Remove outline from select box in FF

* Use $form-select-color
2019-09-27 18:58:53 +03:00
wojtask9 f2dff864aa Remove duplicated td selector (#29454) 2019-09-27 13:22:31 +01:00
XhmikosR 6b150855df
Change blue and pink colors to be accessible. (#29198) 2019-09-27 09:01:36 +03:00
XhmikosR de3a3731bd
Sass: remove redundant stylelint inline suppressions. (#29427) 2019-09-26 21:50:14 +03:00
ysds e2a93ec094 Fix incorrect aspect ratio on IE11 2019-09-15 13:38:04 +02:00
Martijn Cuppens 6e63868500 Remove redundant properties 2019-09-15 13:38:04 +02:00
jahanzaibsuleman07 d99ff902f8 Responsive sticky top (#29158) 2019-09-13 21:15:20 +03:00
ysds ebfeaa4ad1 Allow override default col width 2019-08-30 13:07:27 -07:00
Mark Otto cc248791b0 Cleanup
- Rename and move the variable to variables file
- Move code to the grid file
- Use the mixin to generate our own classes
- Wrap in a grid classes enabled conditional
- Document the mixin
2019-08-30 13:07:27 -07:00
Mark Otto e2252e0230 First pass at .row-cols classes
Trying to find a new way to do responsive card decks while not locking ourselves into the cards themselves. My thinking here is we can easily control the column (.col) width by the parent, but I don't know how many we need (have 0-5 now) across each breakpoint. This works for cards so far, and I think could get us equal height, too.
2019-08-30 13:07:27 -07:00
Martijn Cuppens 007ea0d8d0 Clean up line heights & add line height utilities (#29271) 2019-08-30 10:42:41 +03:00
XhmikosR ee01dc2340
theming.md: automate _root.scss. (#29326) 2019-08-29 15:09:24 +03:00
XhmikosR 84cba07246
theming.md: bring `:root` up to par with Scss. (#29323)
Also, add a warning in _root.scss so that we don't miss it again.
2019-08-29 11:10:06 +03:00
Martijn Cuppens bed2a5edab Switch percentage `font-size`s to `em` and change some font sizes for consistency 2019-08-27 23:11:06 +03:00
Martijn Cuppens 4db520bedb Don't bind validation to form controls 2019-08-27 19:28:28 +02:00
Martijn Cuppens 18cfe34585 Allow modification of the value of rem 2019-08-27 11:10:56 +03:00
Martijn Cuppens 2ad135ebb4 Update z-indices (#29292)
- `.carousel-caption` doesn't need a z-index. There are no non-static element in its containing block (`.carousel-item`)
- The `z-index` of `.carousel-indicators` is way higher than it needs to be (`15`), the highest sibling `z-index` is `1`, so it can be set to `2` to be the top layer.
2019-08-26 09:42:44 +03:00
Martijn Cuppens 19ee63ad25 Link helpers & use utility API for all utilities 2019-08-26 08:21:24 +02:00
Mark Otto b02bae769e Document example of datalists with form controls (#29058)
- Add example to the new form control docs
- Reset the [list] selector in Reboot to hide the random dropdown arrow in Chrome
2019-08-24 02:59:57 +03:00
Martijn Cuppens 0603522199 Remove padding around color swatches 2019-08-24 02:26:28 +03:00
Martijn Cuppens 68d67c8f16 Add rounded corners to color swatches 2019-08-24 02:26:28 +03:00
Mark Otto 57e17706a9 Add support and docs for color input 2019-08-24 02:26:28 +03:00
Martijn Cuppens bfd4c1921d Remove `position: relative` from `.collapsing` 2019-08-22 08:57:05 +02:00
Martijn Cuppens 4437248459 Drop `$nav-divider-*` variables (not used) 2019-08-22 08:10:44 +02:00
Martijn Cuppens 0aabaa209d Drop nav divider mixin 2019-08-22 08:10:44 +02:00
Martijn Cuppens 94521206e5 Split up `.form-control` & `.form-select` selectors 2019-08-18 16:33:10 +02:00
Martijn Cuppens 329448ecb7 Fix date heights 2019-08-18 16:33:10 +02:00
m5o 7b3ec256d5 set min-height for form-control textarea
* set `min-height` for `.form-control` textarea
  * prevent user from shrink textarea to minimum height
2019-08-18 16:33:10 +02:00
tu4mo b3cf60018c Add possibility to define custom border color for disabled form controls (#29257) 2019-08-18 17:08:59 +03:00
Martijn Cuppens bbbda681cc Enable wrapping for elements in .modal-footer (#25103) 2019-08-16 12:49:06 +03:00
Martijn Cuppens ceddca71a2 Restore `cursor: pointer` for checkbox/radio buttons (#29239) 2019-08-16 11:36:13 +03:00
Thomas Schaller 7149b6f0eb Function map-get-multiple now returns the correct variable (#29247) 2019-08-14 01:03:55 +03:00
Martijn Cuppens b749e12c2c Fix Firefox rendering issue (#29234) 2019-08-09 08:45:26 +03:00
XhmikosR ecaefed920
Remove unneeded Stylelint suppressions. (#29222) 2019-08-07 17:26:04 +03:00
Shohei Yoshida 2e0a16f461 Fix min-width of input-group flex items (#29209) 2019-08-06 10:54:53 +03:00
Mark Otto d94148bf50
Responsive containers (follow-up to #29095) (#29118)
* Follow-up to #29095

This PR fixes the responsive containers that were added in #29095, originally stubbed out in #25631. Apologies to @browner12 for getting that wrong.

Fixes #25631.

* update navbar as well because we cannot reset all containers uniformly

* Update navbars example to include container-xl example to ensure containers match

* rewrite responsive containers docs, add table of max-widths

* Update container docs
- Move table up to the intro
- Remove the container example because it's actually hella confusing
- Update and link to grid example as a demo instead
2019-08-05 12:12:16 -07:00
GeoSot 4ae6a29b12 Allow .page-links to get left margin. (#28948)
* Allow .page-links to get left margin.

* Add border-radius to page-links in case they have left margin

* Apply MartijnCuppens suggestion to _pagination.scss

Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>

* Plus if/else Rules

* Formatting fixes

* Fix border-radius for pagination-size

* Use mixin for default pagination sizing
2019-08-03 07:11:57 -07:00
XhmikosR b016825edd
carousel: fix transition properties order. (#29173) 2019-07-30 18:30:23 +03:00
Shohei Yoshida fb475e90a1 Remove comment about tabindex (#29165) 2019-07-29 18:49:07 +03:00
Shohei Yoshida 13b7416544 Fix reboot for placeholder links (#29140) 2019-07-29 10:32:09 +03:00
Chandan Deep b433a05cbd Change property from background to background-image (#29149)
For Gradient, We have to use the background-image instead of only background.
2019-07-29 08:12:44 +03:00
Martijn Cuppens f4e297c878 Haha, floats. It's 2019 (#29147) 2019-07-27 09:30:39 +03:00
XhmikosR 21f3375f21 Update _variables.scss 2019-07-25 10:58:06 -07:00
ysds b4bf0ab371 Remove leftover CSS for custom control 2019-07-25 10:58:06 -07:00
ysds 18d75e3243 Fix variable name 2019-07-25 10:58:06 -07:00
Martijn Cuppens ea34b6c5be Merge code page with reboot 2019-07-25 19:26:27 +02:00
Shohei Yoshida 97edf94c11 Remove duplicate 2019-07-25 19:26:27 +02:00
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 b2ae6a6a94 Apply `at-mixin-argumentless-call-parentheses: always` stylelint rule 2019-07-24 10:31:49 +03:00
Martijn Cuppens c3ea8db2f6 Extend `.container-fluid` (#29106) 2019-07-23 09:50:24 +03:00
Mark Otto cd4768aa81 fix broken classes 2019-07-22 10:38:28 -07:00
XhmikosR 1cfe18571f Fix license header. 2019-07-22 16:51:45 +03:00
julian-hecker c69326dd6b Add bootstrap-utilities.scss 2019-07-22 16:51:45 +03:00
Martijn Cuppens b4c4223409 Remove card columns in favor of masonry grid 2019-07-22 16:08:58 +03:00
Mark Otto 1cdba95c50 Revert padding-right on ol and ul in Reboot, update migration doc 2019-07-21 21:44:32 -07:00
Mark Otto 634344c003
v4/v5: Add responsive containers (#29095)
* create responsive containers

provide more flexibility and allow the user to determine when containers switch from fluid to fixed width.

* fix the base container code

this commit fixes the non-media portion of the generated CSS. I learned about the `@extends` directive and was able to put it to good use.

I create a new temporary map that contains all the main `$container-max-widths` and join it to our 2 special cases of 'xs' and 'fluid'.  Then we loop through that and, with the appropriate infixes, extend our placeholder

* formatting for style

forgot to run my tests before the last push, i think these are better.

* finish incomplete comment

* fix the responsive containers

using the `@extend` directive I was able to clean up this code

* fix responsive containers in the navbar

mostly we just look through all of our breakpoints so we can include all of the responsive container classes in the tweaks we have to do for the navbar (redeclaring flex properties, don't double up on padding, etc)

* Simplify container extends

* Simplify navbar containers

* Rearrange, add comments, ensure everything is nested in $enable-grid-classes

* Reduce new CSS by using attribute selector

We avoid using `@extend` whenever possible, and this is more readable

* Update _grid.scss

* Update _navbar.scss

* Add docs for responsive containers, redesign the container layout page

* Add to the Grid example
2019-07-21 17:38:36 -07: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
Mark Otto 99676c7809 Use :focus-within for .form-file focus state (#29036)
Fixes #26563, closes #26576, closes #29021.
2019-07-17 16:56:54 +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
M. Wacker 78c9c8bdd4 Fix breaking layout breaking error in code (#28328)
Change `word-break: break-word;` to `word-wrap: break-word;`
2019-07-16 10:54:36 +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
Martijn Cuppens d2f4e2bf97 Revert incorrect change (#29044) 2019-07-15 14:24:32 +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 cef69b9a65 v5: Fix disabled styling on .form-file (#29022)
While #28450 overhauled a ton of forms work, the  support for this custom file input was ineffective. This updates the selector to target the custom field and gray out the entire field.

Fixes #28176.
2019-07-14 12:00:57 +03:00
Mark Otto cdb6504e48 Drop breakpoint CSS custom properties (#29020)
Media queries do not support CSS custom properties (CSS variables), so we've had some useless variables lying around since shipping v4. This finally removes them and the associated documentation content that explained the situation.

Fixes #29012.
2019-07-14 11:44:49 +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
Shohei Yoshida 50f97710eb Drop support for .form-control-plaintext inside .input-group (#28972)
* Revert "Fix readonly-plain-text with button addon (#25871)"

This reverts commit ff40e00323.

* Add migration comment
2019-07-12 13:23:43 +03:00
Martijn Cuppens d479fd89d0 Remove attribute selectors (#28988) 2019-07-12 13:15:50 +03:00
Martijn Cuppens f5f09d8b0b
Remove redundant border radius on pagination (#28980)
Pagination used to have box shadow back in the days which required this property, but nowadays it's redundant. (see 0cd186183c/less/pagination.less (L17))
2019-07-02 08:08:12 +02:00
Martijn Cuppens 4b3d2635f3
Remove redundant radius properties (#28956) 2019-06-26 15:11:37 +02: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
Sergey Kovalenko ad62301a5b Remove negative margins for group list items (#28940)
To fix RGBA borders overlapping issue.
2019-06-25 09:23:36 +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 83fc5a3239
Decrease number of order utilities (#28874) 2019-06-18 07:02:14 +02:00
Ashfahan Khan c5b1919dea Add Error checking to prevent invalid breakpoint (#28889)
* Add Error checking to prevent invalid breakpoint

Error checking to prevent invalid breakpoint name

* check type rather than value

* Revert "check type rather than value"

This reverts commit 04ab1e652f.

* use of not rather than null
2019-06-17 08:00:36 +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 1c510ddaec Make generating form row styles dependent on $enable-grid-classes (#28870) 2019-06-05 18:15:27 +03:00
Shohei Yoshida 3283fe1b52
Rename .text-monospace to .font-monospace (#28867) 2019-06-05 00:51:36 +09:00
Shohei Yoshida d6e0552efe Workaround for the image size bug in IE (#28855) 2019-06-04 10:25:19 +03:00
Ashfahan Khan 41fcd13d3e Utility API improvement: use $key/$value instead of nth (#28828)
Co-Authored-By: Martijn Cuppens <martijn.cuppens@gmail.com>
2019-05-30 17:22:06 +02:00
Martijn Cuppens 14cb65f702
Remove redundant properties from `.embed-responsive` (#28062) 2019-05-29 19:42:32 +02:00
Shane Parsons 4c70e96b97 Modify `.card-header-tabs .nav-link.active` colors (#28833)
Co-Authored-By: Mark Otto <otto@github.com>
2019-05-29 18:38:36 +02:00
Shohei Yoshida 072622d959 Clean input group flex basis (#28785) 2019-05-28 22:28:39 +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
Aditya Shankar 111024695a Correct grammar in modal.scss (#28829) 2019-05-27 08:19:50 +02:00
Sezer Esen de1a6e3201 Fix background position (#28814) 2019-05-26 11:13:55 +02:00
Ashfahan Khan c215dc83f0 Fix Typo Mistake in SCSS comment (#28821) 2019-05-24 22:09:09 +01:00
Martijn Cuppens 769c8d8246
Helpers & utilities split (#28445) 2019-05-23 11:56:03 +02:00
Martijn Cuppens a4a04cd9ec
`.sr-only` & `.sr-only-focusable` tweaks (#28720)
* Prevent .sr-only-focusable overriding properties when being focused

* Typo
2019-05-20 10:03:51 +02:00
Shohei Yoshida 1a41b0ffa6 Fix z-index according to our z-index rule (#28784)
https://getbootstrap.com/docs/4.3/extend/approach/#z-index-scales
2019-05-18 16:30:57 +02:00
Shohei Yoshida b7040ad9b4 Remove non-existing .custom-file-label::after (#28757) 2019-05-10 21:29:05 +02:00
Martijn Cuppens 5db281d7c4
Move close icon to components in docs (#28512)
* Move close icon to components

* Remove redundant float from close
2019-05-10 20:27:22 +02:00
Shohei Yoshida 06635be7bd Reset input padding for cross browser consistency (#28208) 2019-05-09 20:40:40 +03:00
zhangbao 6b177cc409 Consistency modification (#28750) 2019-05-09 08:14:50 +02:00
Mark Otto 473689ce5d v5: Drop all print styles and classes (#28339) 2019-05-09 07:57:58 +02:00
Mark Otto d806e874b4 v5: Drop .media (#28265) 2019-05-08 21:45:24 +03: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
Christian Oliff be2ad67786 Fix broken link to css-discuss.incutio.com/wiki/Printing_Tables (#28637)
Instead now pointing to the most recent Wayback Machine archive copy.
2019-05-04 10:30:17 +03:00
Martijn Cuppens 4f85850945 Scrollbar fix (#28417) 2019-05-03 21:32:25 +03:00
Martijn Cuppens acf7ca9a68 More compact color-yiq function (#28514) 2019-05-03 21:18:41 +03:00
Martijn Cuppens 91230dbdf1
Headings font style (#28544) 2019-05-02 21:35:58 +02:00
Martijn Cuppens 0321fbf036
Remove floats from dropdown (#28690) 2019-05-02 20:37:10 +02:00
Martijn Cuppens b327c34ce3 Improve progress-bar-stripes animation (#28697)
- `background-position: 0 0;` is the default background position, so redundant
- The background position should only be animated in the x direction
- `0%` is a little shorter than `from`
2019-05-02 11:03:28 +03: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
Martijn Cuppens 0ed44cab2d
Remove IE leftover (#28699)
Removed leftover from #27789
2019-04-30 08:52:04 +02:00
Mark Otto 60d826a305 Prevent form validation mixin from generating invalid CSS (#28447)
Extrapolates the previously used selector into a new mixin that only generates valid CSS by creating psuedo-classes for `valid` and `invalid`, and nothing else.

Fixes #28380.
2019-04-25 17:01:50 +03:00
Shohei Yoshida 2d0f2feb10 Sync plain text font-size with `$input-font-size` (#28464) 2019-04-25 16:45:59 +03:00
GeoSot 275cd7f91e Separate `$btn-link` colors from `$link-color` (#28681) 2019-04-23 16:12:51 +03:00
Martijn Cuppens 4ee2ae4ce0 Remove redundant slashes (#28677) 2019-04-21 18:45:53 +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
Matěj Kříž e0738f8207 Fix buttons :focus state styles (#27890)
* Fix buttons :focus state styles

Buttons :hover and :focus state shares styles.
Buttons :focus text color on 'a.btn' is now consistent with others '.btn'.

* `:focus` styles should be in sync with `.focus`.

So shared styles with hover were copy to focus definition. Rather then using
`hover-focus` mixin which do not contain `.focus`.
2019-04-05 11:51:20 +03:00
Loïc Goyet f2d33cd86b Remove scss variable defined twice (#28567) 2019-03-29 21:31:23 +02:00
Patrick H. Lauke b4a2beb3c2 Check prefers-reduced-motion variable before adding reduced motion media query for animated progress bars (#28530) 2019-03-21 15:59:02 +02:00
Shohei Yoshida 5e459e9b52 Workaround for MS edge bug (#28275) 2019-03-18 01:27:59 +02:00
XhmikosR 15d242d21a Revert "Remove IE-specific breadcrumb CSS hack"
This reverts commit 9fda96e197.
2019-03-18 01:11:05 +02:00
Martijn Cuppens a88d58605a Remove hover states on background utilities (#28457) 2019-03-14 19:36:02 +02:00
Mark Otto 837ff0cc11 v5: Drop remaining deprecated mixins (#28461)
- Deletes mixin mentions from float docs
- Deletes mixin mention from visibility docs
- Deletes the image-replacement page for text-hide
2019-03-14 19:23:54 +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
Patrick H. Lauke 3e05d016cf Remove indiscriminate outline suppression for tabindex="-1" elements (#28437)
instead, only apply outline suppression if the browser wouldn't normally apply the focus outline, using the (currently experimental) `:focus-visible` pseudo-class
2019-03-12 15:16:18 +02:00
Mark Otto e8827874ad v5: Don't automatically adjust all hr elements in alert variants (#28462) 2019-03-12 15:04:08 +02:00
Mark Otto d6501970ad v5: Drop deprecated size mixin (#28460) 2019-03-12 10:02:17 +02:00
Mark Otto 89d7384944 Drop deprecated img-retina mixin (#28459) 2019-03-12 09:47:36 +02:00
Shohei Yoshida 8896827bd0 Add <ol> to nav's comment (#28426) 2019-03-07 13:38:33 +01:00
Martijn Cuppens 8770b84e84 Update RFS to v8.0.2 (#28405) 2019-03-06 22:49:06 +02:00
mspae 7626f8b17d disable assert assending check if the previous unit was a percentual value (#28400) 2019-03-05 12:47:48 +02:00
Jonathan c8361e2adf Hyphenate server-side (#28401) 2019-03-04 15:52:13 +02:00
Martijn Cuppens bc60a22a18 Fix border if only one card (#28365) 2019-02-26 22:06:46 +02:00
Mark Otto 9fda96e197 Remove IE-specific breadcrumb CSS hack 2019-02-20 22:05:45 +02:00
astrahov 62277bc58e Change breadcrumb item padding variable name (#28125) 2019-02-20 22:05:45 +02:00
Peter Blazejewicz cbd333185e Use consistent arrow class (#28105) 2019-02-20 22:05:45 +02:00
Martijn Cuppens 28a7abf0f7 Deprecate form-control-focus mixin (#28262) 2019-02-15 15:50:58 +02:00
XhmikosR 8fa0d30101
Release v4.3.1. (#28252) 2019-02-13 18:01:40 +02:00
Martijn Cuppens bf2515ae68
Update RFS to v8.0.1 (#28245)
Remove warning if RFS is included more than once.
2019-02-12 22:49:12 +01:00
Mark Otto 1ded0d6a4e
Release v4.3.0 (#28228)
* Prep for v4.3.0

* More updates for v4.3.0.

* rerun to build docs source map
2019-02-11 11:15:34 -08:00
Martijn Cuppens 51375abca5
Responsive font size implementation (#23816) 2019-02-07 23:32:05 +01:00
Shohei Yoshida d250567ce0 Remove `-ms-autohiding-scrollbar` to prevent overlapping the table content (#28153) 2019-02-07 19:52:23 +02:00
Martijn Cuppens 8b41cb1368 Optional btn & input font sizes (#28068) 2019-02-07 19:47:24 +02:00
Martijn Cuppens 2ee8ecedf4 Deprecate `img-retina()` mixin (#28072) 2019-02-07 19:33:57 +02:00
Martijn Cuppens bcfb7ed159 Deprecate `invisible()` mixin (#28066) 2019-02-07 19:19:00 +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
João Lucas eb1313d213 Create `border-top-left-radius` and `border-bottom-right-radius` mixins (#28100)
* Create border-top-left-radius mixin
* Create border-bottom-right-radius mixin
2019-02-07 09:02:05 +01:00
Martijn Cuppens 311d6dab68
Deprecate size mixin (#28067) 2019-02-07 08:21:47 +01:00
Bardi Harborow b5fb4f7d6b Add text-decoration to .btn-link. (#28169) 2019-02-06 22:33:03 +01:00
Martijn Cuppens 58470c0ac5 Fix text break in Firefox (#28063) 2019-02-06 12:38:13 +02:00
Martijn Cuppens d4e782efab Fix dropdown radius if `$dropdown-padding-y` is not 0 (#28127) 2019-02-03 23:07:16 +02:00
Shohei Yoshida e65dccfc95 Fix custom select caret issue on IE (#28112) 2019-01-25 21:09:21 +01:00
Shohei Yoshida 0f8f84329b Fix validated custom select bg color (#28119) 2019-01-25 20:44:52 +01:00
Martijn Cuppens 6466a0461a Deprecate float mixins (#28104) 2019-01-24 22:51:36 +02:00
Martijn Cuppens 2749bf34de Add `!important` to `.text-monospace` utility class (#28064) 2019-01-24 22:42:42 +02:00
Martijn Cuppens dfba588d0d Add default value for `$ignore-warning` (#28103) 2019-01-23 05:59:15 +02: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
Shohei Yoshida de0bb1e052 Scrollable modal (#27769) 2019-01-20 23:28:16 +02:00
Martijn Cuppens 41f85b64bf Add ref to reason why `min-width: 0;` is added (#28061) 2019-01-20 23:23:05 +02:00
Martijn Cuppens f1f740be09 Make progress animation respect `$enable-transitions` and `prefers-reduced-motion` media query
Make progress animation respect `$enable-transitions` and `prefers-reduced-motion` media query
2019-01-15 00:51:11 +00:00
Martijn Cuppens 3d350c3b34 Remove map-merge (#28033) 2019-01-13 16:35:00 -08:00
Martijn Cuppens d546cb8374 Cleanup popover arrows (#28008) 2019-01-13 16:29:37 -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 fd98e77cac Remove background from nested tables 2019-01-13 16:26:56 -08:00
Martijn Cuppens d09bd2e629 Fix background size y 2019-01-13 16:24:01 -08:00
Martijn Cuppens e2ac792bc7 Minify background property 2019-01-13 16:24:01 -08:00
Martijn Cuppens 50492b8840 Combine background properties into one 2019-01-13 16:23:32 -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
Justin 8f5abf0ab0 Add new rounded sizes classes (#28011)
* update border-radius mixins

Add $enable-rounded as a keyword argument to border-raidus mixins

* Update rounded classes

- use border-radius mixins to repleace !important
- use true for $enable-rounded for rounded classes
- Add `.rounded-sm` and `.rounded-sm`  #27934

* update borders docs

* Revert touch of dist files

* Revert change of border-radius mixins

* use !important in border-radius utilies classes

* update border radius classes keep only rounded-lg and rounded-sm
2019-01-13 11:49:25 -08:00
Martijn Cuppens fd4d426e51 Change default custom select styles (#28027) 2019-01-13 09:52:46 +02:00
Martijn Cuppens e077ddbc6c Prevent wrapping if caret is included (#28029) 2019-01-13 09:43:52 +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
XhmikosR f11f56558b Bump copyright year to 2019. 2019-01-08 21:23:50 +02:00
wojtask9 46f34fd131 remove redundant loop from list-group-horizontal (#28005) 2019-01-08 20:18:36 +02:00
wojtask9 5dcf7cd3b7 box-shadow mixin fix (#28004) 2019-01-08 19:42:28 +02:00
Shohei Yoshida dc436427e9 Move `z-index` to .list-group-item-action and remove redundant `text-decoration: none` (#27996) 2019-01-08 06:59:49 +02:00
Martijn Cuppens 48fe2c23d3 Space fixes (#27997) 2019-01-08 06:46:29 +02:00
Martijn Cuppens 68062cfe60 Allow configuration of caret spacing and vertical alignment (#27994) 2019-01-07 18:28:21 +02:00
Martijn Cuppens 2b96e9adf1 remove screen from media query (#27985) 2019-01-07 18:18:43 +02:00
Shohei Yoshida 92cc5a70d3 Fix incorrect responsive alignment of dropdown menu (#27873) 2019-01-07 03:12:51 +02:00
Vishnuprasad Venugopal ea9129c8ae fix border issue for nested card inside accordions (#27881) 2019-01-07 03:06:37 +02:00
Mark Otto e6b1eefc73 Add horizontal list group modifier (#27970)
Alternate take to #27683 that builds the modifier class based on min-width, such that list groups are stacked until the class's breakpoint is reached. This is less verbose, matches our primary responsive approach, and prevents an extra class. Unfortunately, I believe supporting flush list groups is too much code here, so I've skipped that and made a note in the docs.

Also added examples generate from our breakpoints data file with a protip for how to do equal width items.
2019-01-07 03:01:36 +02:00
wojtask9 42bed436e8 take account 'none' for box-shadow (#27972) 2019-01-07 02:52:39 +02:00
Martijn Cuppens cbc8a7273a Sync custom select focus state with custom control focus state 2019-01-07 02:48:04 +02:00
XhmikosR f21b5f9e98 Remove unneeded stylelint disables. 2019-01-05 20:50:07 +02:00
Martijn Cuppens e1b990fb90 Move hand cursor for buttons to reboot 2019-01-04 11:53:32 +02:00
Martijn Cuppens 83dc45b31b Prevent select word wrap in Safari (#27932) 2019-01-04 11:40:10 +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 8eef162c44 Match input font size for `.input-group-text` (#27941) 2018-12-28 23:18:10 +02:00
XhmikosR ee09d96628
reboot: Fix comment (#27937) 2018-12-28 00:48:51 +02:00
Martijn Cuppens 8bf823e22d Fix form-feedback-icon-invalid color (#27935) 2018-12-27 23:05:29 +02:00
XhmikosR 3c88ed7069
Fix 4:3 embed (#27910) 2018-12-23 13:58:58 +02:00
Martijn Cuppens 81e35985b8 Simplify card group css (#27901) 2018-12-23 09:19:07 +02:00
Martijn Cuppens 39b14c9806 Blacklist border-radius property (use mixin instead) (#27900) 2018-12-23 09:11:11 +02:00
XhmikosR 74a2d93517
Merge branch 'v4-dev' into stretched-link 2018-12-22 18:32:28 +02:00
Mark Otto 15be9d3277
Add variable for dropdown-divider-margin-y (#27857)
* Add variable for dropdown-divider-margin-y

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

Fixes #26660.

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

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

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

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

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

* Add new callout for reduced motion

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

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

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

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

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

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

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

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

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

* Update .stylelintrc

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

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

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

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

* Fix box-shadow issues in IE/Edge

* Better align

* Fix thumb vertical positions in IE/Edge

* Fix incorrect formula of thumb vertical positions in Webkit

* Fix an incorrect comment

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

* bump version to 4.1.0

* Update redirects to work for 4.1 docs move

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

* re-run dist

* Update package-lock.json

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

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

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

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

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

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

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

* added the documentation

* update for one rule per line

* fix hound error: trailing whitespace

* trimmed off vendor prefixes

* Add note about track and thumb

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

* Fix firefox inner focus

* Seems that FF is the only one affected by this

* Add support for gradients

* Add labels, clarify min/max changes

* add step example

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

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

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

* Add .carousel-fade option to Sass

* Document example of the fade carousel

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

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

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

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

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

Fixes #25221.

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

* Add printing changes to migration docs

* unrelated heading sentence case change

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

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

Temporary fix will be to override 2 variables

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

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

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

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

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

Fixes #25195.

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

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

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

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

* Don't underline buttons when printing

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

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

Fixes #24811.

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

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

* update ids

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

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

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

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

And seeing the amount of issues we've seen following the change, and the potential complexity needed to consistently address the cursor issue (see https://github.com/twbs/bootstrap/issues/24156 where i explore how the cursor needs to be based on "intent", and how that's tough to determine), I'm favouring an opinionated take here of just reintroducing the `cursor:pointer`.
2017-12-27 16:28:10 -08:00
Mark Otto cf5e99e172 Merge branch 'v4-dev' of https://github.com/twbs/bootstrap into v4-dev 2017-12-26 22:28:14 -08:00
Mark Otto d603239b8a linting 2017-12-26 22:02:54 -08:00
Mark Otto 28fd9deb54 un-nest and un-chain popover classes 2017-12-26 21:58:57 -08:00
Mark Otto fa2cc20e92 consolidate content properties, un-nest 2017-12-26 21:56:48 -08:00
Mark Otto 468c1615e2 smaller popover arrows for more reasonable visuals and more ideal pixel rounding 2017-12-26 21:54:47 -08:00
Mark Otto 6cf71f298c Merge branch 'fix-arrows' of https://github.com/simonihmig/bootstrap into simonihmig-fix-arrows 2017-12-26 21:36:12 -08:00
Mark Otto b01e81ed36 Rewrite custom file input
- Changes the wrapping label to a div so we can style the label instead of another element while also supporting form validation.
- Fixes form validation styles for custom file input (closes #24831).
- Updates docs with validation styles (also adding example feedback text while I was there) and new how it works section.
2017-12-26 16:14:08 -08:00
ysds c5209270ac Clean up button group (#25073)
* Remove unnecessary float

- since parent btn-group is displayed as inline-flex, the child elements are placed left to right by default.

* Cleanup of reset rounded corners

- Remove `border-radius :0` since it is enough by each reset of left and right side
- A `.dropdown-toggle` selector should not be used for reset rounded corner since it does not have border-radius property. Instead use .dropdown-toggle as negation pseudo-class.
2017-12-26 16:04:11 -08:00
ysds 8c6011ab4f Fix input group border radius issue (#25075) (#25076)
* Fix input group border radius issue (#25075)

* Remove migration note

- All buttons In input group do not have to be the same element now.

* lint
2017-12-26 14:23:07 -08:00
Mark Otto 03e1c47bc2 Darken table border-color
Fixes #25016 which noticed a .thead-light and border-color of the .table-border are the same color.
2017-12-26 13:47:48 -08:00