0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

2993 Commits

Author SHA1 Message Date
Mark Otto
55f2192a39
Rename scale-color() function to shift-color() to avoid collision with Sass's own color function (#32149) 2020-11-13 20:50:59 +02:00
XhmikosR
384eccbfaf
Prepare v5.0.0-alpha3 (#32122) 2020-11-11 19:07:37 +02:00
Martijn Cuppens
3612a1e463
Use correct value order (#32121)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-11 18:27:12 +02:00
Mark Otto
fb3a57b7ba
Drop .btn-block classes, replace with utilities (#31995)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-09 11:27:20 +02:00
Mark Otto
649e525c62
Add .gap utilities (#32074)
* Add gap utilities

* Update .bundlewatch.config.json

* Revamp headings on this page for better organization

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-08 20:56:02 +02:00
Martijn Cuppens
67847b0aab
Add checks to fix color contrast issues (#32085) 2020-11-08 19:49:26 +01:00
XhmikosR
bb6daab961 _variables.scss: reorder SVG attributes
This results in slightly better gzip compression
2020-11-06 14:49:41 +02:00
Martijn Cuppens
82ac087c4d Shade color for better color contrast 2020-11-06 14:49:41 +02:00
Martijn Cuppens
4c1f807142 Fix missing border & add transitions 2020-11-06 14:49:41 +02:00
Mark Otto
d6a72c4e1b Remove default transform-origin per code review 2020-11-06 14:49:41 +02:00
Mark Otto
3df4dd15e4 Update relative position hack for layers
Switches to slightly more verbose, but more consistent, z-index layering we use elsewhere (e.g., pagination). Doing this ensures we're not toggling position on and off, but rather z-index.
2020-11-06 14:49:41 +02:00
Mark Otto
6a37612540 Add dedicated accordion component based on Collapse JS 2020-11-06 14:49:41 +02:00
Mark Otto
f20335b6c1
Add .d-grid to our display utilities (#32066)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-06 14:35:17 +02:00
XhmikosR
82f2416132
stylelint: pass the --rd flag (#32063)
* stylelint: pass the ` --rd` flag

Should report any needless disables

* Update _button-group.scss

* Update _floating-labels.scss
2020-11-06 12:00:03 +02:00
Emilio Cobos Álvarez
c1bb1acf54
Remove firefox workaround for ::file-selector-button margin. (#32064)
As per https://bugzilla.mozilla.org/show_bug.cgi?id=1673895,
this workaround shouldn't be necessary in FF83+.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-06 10:46:49 +02:00
XhmikosR
e8f1709adf Drop Legacy Edge support.
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
2020-11-05 15:37:34 +02:00
Gaël Poupard
230a41f1d7
Form file docs and overrides (#32058) 2020-11-03 18:22:35 +01:00
Mark Otto
4d1ee3b0a7 Add class name so the utility generates 2020-10-31 19:19:52 +01:00
Mark Otto
241f910dc5
Updated .rounded utilities (#31687)
* Updated rounded utilities to fix scale, but not rename anything else

* Rename rounded-pill to border-radius-pill to match

Also reorder some variables while I'm here to make more sense

* Updated rounded utilities to fix scale, but not rename anything else

* Rename rounded-pill to border-radius-pill to match

Also reorder some variables while I'm here to make more sense

* Small copy addition

* Add example modifier class for spacing

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-30 22:42:11 +02:00
Martijn Cuppens
a108e2bbf8
Fix color heights (#32023) 2020-10-30 22:36:44 +02:00
Patrick H. Lauke
6fc35e3231
Add cursor:pointer to color inputs (#32020)
* Add `cursor:pointer` for color inputs

* Add to migration guide
2020-10-30 18:03:07 +00:00
Martijn Cuppens
ed1d867dd8
Remove explicit heights on form elements (#31993)
* Remove explicit heights

* Link to upstream bug

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-29 15:18:39 +02:00
Martijn Cuppens
b1c7d1d3a3 Use the same font on the button as on the field itself 2020-10-28 18:29:28 +01:00
Martijn Cuppens
b2be299f63 Fix Firefox padding issue
Caused by https://searchfox.org/mozilla-central/rev/0b7007a23bc16c857f894140e12f307bfeef2fdd/layout/style/res/forms.css#494
2020-10-28 18:29:28 +01:00
Martijn Cuppens
f236667483 Drop custom file upload plugin in favor of CSS 2020-10-28 18:29:28 +01:00
Mark Otto
3e2f9ab237
v5: Floating labels (#30449)
* v5: Promote floating labels example to component

- Adds new .form-floating
- Stubs out basics of a docs page
- Removes existing Example

* Update floating labels to support .form-select, make inputs and selects more consistent

- To do this, I made the .form-control and .form-select consistent in min-height vs height
- Removed some unused variables now
- Updated -color to be the -color because I don't know why this was any different before
- Update page to include some examples for layout, validation, and value
- Rewrite styles to not modify padding, but instead transform and opacity

* Streamline and bulletproof some things

- Apply some optimizations from code review
- Removed unecessary properties from the label
- Add some comments for what properties are required
- Move from fixed height for labels to height 100% so we can support textareas
- Improve docs a little bit, add ToC

* Move some values to variables, switch from scaling font-size to scale, update transforms

* Bring over changes from #30966 and add to them to tighten things up

* Delete the now unused example images

* Fix typo

* Allowlist the calc function

* Add transform-origin, update transform values

* Test out autofill fix

* Fix linter issue

* Mention it in the migration guide

* Bump bundlesize

* Add one more variable per review

* Shave .25rem off the height

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-27 20:45:48 -07:00
Mark Otto
e5fa708491
v5: Add .fs-* utilities for font-size and rename font-weight/-style utilities (#30571)
* v5: Add .fs-* utilities for font-size

- Adds new font-sizes Sass map
- Generates six new classes for setting only font-size
- Updates docs to mention this, including a scss-docs reference

* Update font utilities

- Make .fs-* utils for font-size use RFS
- Rename .font-weight-* utils to .fw-*
- Rename .font-style-* utils to .f-*
- Update order of utilities a bit
- Update docs to match

* Update migration docs to make note of these changes

* Be more specific in font-size docs about scale

* Update font-style abbreviation to .fst

* Fix font-weight property

* Formatting & font style utility fix

* Move to Alpha 3 migration section

* Update migration guide for more details, splitting alpha 2 stuff back to the appropriate section in Migration guide

* Tweak language on example

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-10-26 16:42:07 -07:00
Martijn Cuppens
568c1d19d3 Fix border radius for inputs groups with validation 2020-10-26 15:23:25 -07:00
Martijn Cuppens
313f762d03 Fix border radii on validation messages 2020-10-26 15:23:25 -07:00
Martijn Cuppens
3e2c3298da Require .has-validation class to fix border radii on form elements 2020-10-26 15:23:25 -07:00
Mark Otto
478ff53ad1 Remove background-clip from .btn-close 2020-10-26 10:47:55 -07:00
Gaël Poupard
341bd5aa46
Handle the Ubuntu sans-serif case (#31657)
On Ubuntu, our native font-stack doesn't output the same font on Firefox and Chrome. This is [a known aliasing issue](http://fontfamily.io/sans-serif) — check at the bottom, Ubuntu 14.04. Ubuntu 18.04 (my current) doesn't use the same (Firefox uses Liberation Sans, Chrome uses the default system font Ubuntu).

I'm inclined to prefer Liberation Sans since it's closer to Arial / Helvetica. This patch already exists in Boosted, didn't notice it was missing in bootstrap until today…

BTW, our linked Smashing Magazine's system fonts post mentions this and is even more accurate since it targets the three major Linux distributions. AFAIK this is not needed since [Liberation Sans is available everywhere](http://fontfamily.io/Liberation_Sans) — but we might go back to `Oxygen, Ubuntu, Cantarell`if we want to stick to system fonts.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-22 09:28:19 +03:00
Gaël Poupard
ed2f43e1b9
Apply smooth-scroll when prefers-reduced-motion: no-preference (#31877)
* feat(reboot): apply smooth-scroll when not prefers-reduced-motion

* docs(migration): mention scroll-behavior in alpha3

* docs(accessibility): mention scroll-behavior in reduced motion section

* docs(accessibility): rewording smooth scroll sentence

* feat(variable): introduce enable-smooth-scroll variable

* docs(accessibility): reword smooth-scroll sentence

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-10-19 12:00:37 +03:00
Gaël Poupard
ece40bcd11
Slow down spinners when prefers-reduced-motion: reduce (#31882)
* feature(spinners): slow down spinners when prefers-reduced-motion

* docs(spinners): add reduced motion callout and mention slowing down in accessibility page

* Update spinners.md

* docs(accessibility): rewording

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2020-10-19 11:42:19 +03:00
Gaurav Behere
776afb8e9e Adding overflow visible as util 2020-10-13 16:48:17 +03:00
Martijn Cuppens
cdc12165a9
Colors rewrite (#30622) 2020-10-13 09:58:06 +02:00
Ankit Mishra
c8523d71e7
Alert : Added z-index for close button (#31826)
Co-authored-by: Ankit Mishra <ankitmishra@Ankit-MacBook-Pro.local>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-10-07 16:03:53 +02:00
Mark Otto
3cf51c6ac9
Add Sass variable for CSS variable prefix (#31684)
* Add Sass variable for CSS variable prefix

* Update other --bs-* var instances
2020-09-30 08:32:58 +03:00
Gaël Poupard
7e195a8d22
feat(colors): bump dark to gray-900 (#30550)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 22:09:38 +03:00
Nikita Mikhaylov
0cb880c7fb
Fix disabled checkbox toggle buttons (#31651)
* fix disabled checkbox toggle buttons

* add disabled checks-radios examples in documentation

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 21:49:50 +03:00
Martijn Cuppens
cda9278f49
Suppress flexbox side effects in breadcrumb (#31700)
* Suppress flexbox side effects

* Trailing whitesapce

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-29 21:32:27 +03:00
XhmikosR
b083c9639f
Prepare v5.0.0-alpha2. (#31748) 2020-09-29 18:33:00 +03:00
XhmikosR
ec812dcf80
Replace ellipsis Unicode symbol with three dots. (#31774) 2020-09-28 15:01:25 +03:00
XhmikosR
c30b6df54b
Update stylelint to v13.7.2 (#31726) 2020-09-28 14:57:48 +03:00
XhmikosR
6f3a7b1bcf
_variables: change $btn-close-bg's attribute order (#31772)
Just to save a few bytes from the compressed files.
2020-09-28 13:18:12 +03:00
Martijn Cuppens
ca22578848
Restore rem unit (#31746)
Fix unintentional unit change in 1af79bbc52 (diff-d8ee409a461718bfb6240710c8c73382)
2020-09-25 12:12:00 +03:00
Mark Otto
f951be36a1
Carousel enhancements, including .carousel-dark (#31650)
* Replace existing carousel control icons with chevrons from Bootstrap Icons

* Add .carousel-dark variant

* Test

* Add variable for .carousel-dark filter

* Update _variables.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-24 13:16:20 -07:00
Mark Otto
585b3ec532
Add .dropdown-menu-dark (#30171)
* Add .dropdown-menu-dark

* Match background color to navbar dark

* Update docs to include a navbar example

* Update dropdowns.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-24 18:55:15 +03:00
Mark Otto
a690a67c7c Forgot to divide by 2 2020-09-23 13:30:54 -07:00
Mark Otto
54ac2c7b05 Match container gutters with row gutters
- Replaces make-container mixin's padding-x param with gutter to match naming
- Changes value of container padding variable to match grid gutter width variable
- Uses local CSS variable for container padding

Fixes #31642
2020-09-23 13:30:54 -07:00
Mark Otto
9f60659d1d Updates to .ratio selectors and docs
- Remove group selector for ratio items
- Drop the .ratio-item entirely
- Update docs to explain updated approach
- Update Migration guide to reflect the latest
2020-09-23 13:30:11 -07:00
Mark Otto
fe38a85839 Rename the classes and docs page, update everything accordingly 2020-09-23 13:30:11 -07:00
Mark Otto
18f8601d29 Updates responsive embeds with new class names and CSS variables
- Renames .embed-responsive-XbyY classes to .embed-responsive-XxY
- Simplifies the Sass map to just be key and value, ratio and percentage
- Builds .embed-responsive-* modifiers with CSS variables
- Updates docs to show power of CSS variables
- Add notes to the Migration guide
2020-09-23 13:30:11 -07:00
Martijn Cuppens
5280771883
Input group addon sass customization options (#31729) 2020-09-23 15:48:37 +02:00
Mark Otto
c0fe38364a Add more variables, add a comment for the 3 2020-09-22 16:49:02 -07:00
Mark Otto
e838accbc4 Double the brightness for improved focus contrast 2020-09-22 16:49:02 -07:00
Mark Otto
be6a150bbf Update .btn-close-white to use grayscale() filter too for better focus styles 2020-09-22 16:49:02 -07:00
Mark Otto
fae9aef3db Update toasts dismiss (moving more styles to CSS instead of utilities), fix some more close examples, and add a new .btn-close-white variant 2020-09-22 16:49:02 -07:00
Mark Otto
4778deac02 Tweak sizing and alignment of .btn-close in modal headers 2020-09-22 16:49:02 -07:00
Mark Otto
95f81f8331 Add opacity variables, set opacity on disabled state 2020-09-22 16:49:02 -07:00
Mark Otto
1af79bbc52 Increase width of focus styles so it's more pixel perfect out of the box 2020-09-22 16:49:02 -07:00
Mark Otto
99777662c6 Rename .close to .btn-close, replace times sign with background SVG, update focus state 2020-09-22 16:49:02 -07:00
Mark Otto
fe77208a01 Add new variable for -padding-x 2020-09-22 10:06:08 -07:00
Jaume Sala
7bbfd439c9
Extra position utilities (#31280)
* Extra position utilities

Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires.

* Update extra position utilities

* add default position values map

* tweak examples

* add real life examples

* fix double colon

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-09-20 19:42:41 -07:00
XhmikosR
b5fb84a91d
docs: fix a few redirects (#31689)
* Fix GitHub's permanent redirects

* Fix a11yproject redirects

* Update postcss-loader repo URL to the current  one
2020-09-17 20:01:04 +03:00
XhmikosR
4d6dd31379 Update Stylelint rules
Enable `scss/selector-no-union-class-name`
2020-09-15 11:57:36 +03:00
XhmikosR
400b8a6754 Add spaces after commas 2020-09-15 11:57:36 +03:00
XhmikosR
800952cef0 Remove unnecessary nesting selectors 2020-09-15 11:57:36 +03:00
Mark Otto
849fea5a1e Add a comment for escape-svg function
Closes #30835 by leaving a comment in the source that the escape-svg() function must have quotes around data URIs.
2020-09-15 08:19:58 +03:00
Mauricio Hernan Cabrera
6455c2e8aa
Add border width utility (#31484)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-09-09 11:28:52 +03:00
Jeremy Jackson
1503aa18d1
Add default parameters to each border radius mixin (#31571)
* Add default parameters to each border radius mixin

* Add border radius changes to migration guide

Co-authored-by: Jeremy Jackson <jeremy@librarymarket.com>
2020-09-01 14:17:17 -07:00
Gaël Poupard
7058f89286 fix(breakpoints): use next breakpoint when targetting xs only 2020-08-22 14:36:24 -07:00
Aleksander Machniak
cf704cd36d
Give more priority to .d-none (#31473) 2020-08-13 15:51:23 +02:00
Mark Otto
a5fd5bcf81
Remove flex: 1 0 100% from rows (#31439)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-08-06 18:44:29 +03:00
Shohei Yoshida
e8566e10c7
box-shadow() mixin allow 'null' and drop support 'none' with multiple args (#30394)
* Support 'null' and drop `none` with multiple args

* Output a warning when use 'none' with multiple arguments

* Add migration note

* Update migration.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-08-04 21:51:19 +03:00
Gaël Poupard
9181c84f0f
Ensure to increase contrasts on buttons & colored links hover/active states (#30989)
* feat(buttons): ensure to increase contrasts on hover/active

* Update _buttons.scss

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-08-04 21:42:55 +03:00
Jacty
ebad168f42 Removed a broken reference
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_size
this link is broken, I think we perhaps should remove it?
2020-08-03 10:48:41 -07:00
Samarth Arora
5512dde203 Add transition to Pagination buttons just like other Bootstrap buttons 2020-08-03 09:57:12 -07:00
Patrick H. Lauke
a21f605299
Add padding to badges (#31132)
* Add padding to badges

The current badges are very tightly padded, and because the top and bottom padding are the same, and aligned to the baseline, this makes badges with descenders (e.g. the "g" in "Danger") look uncomfortably close to the bottom. Adding more ample padding masks this a bit.
An alternative would be to have separate top and bottom padding, with the bottom one slightly larger than the top - but conversely, that then makes badges that contain no text with descenders, and particularly badges that contain all uppercase characters, look too bottom-heavy.
Also adding some left/right extra padding, as currently the pill badges look uncomfortably tight on the sides due to the rounding.
2020-08-02 16:28:23 +03:00
Mark Otto
16adcf2de9
Adjust sizing of checks and radios (#31383)
Moves from 1.25em to 1em to better support custom font-size-base values. Most common would probably be .875rem (14px) and current sizing garbles that into 1.09-ish, thus causing the rendering issues in #31269.

Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
2020-07-31 16:49:28 +03:00
Mark Otto
2bceb3e79d
Remove overflow: hidden from toasts (#31381) 2020-07-31 13:29:01 +02:00
Patrick H. Lauke
cdea25584d
Cleanup/fix after the sr-only to visually-hidden renaming (#31359)
* sr-only -> visually-hidden cleanup

It seems the old screen-readers.md file was left behind, and forgot to rename the mixin

* Fix broken mixins for visually-hidden
2020-07-31 10:27:36 +01:00
Patrick H. Lauke
c7bc7a31bb
Turn off scroll anchoring for accordions (#31346)
New default behavior for scroll anchoring (rolled out in Chrome 84?) leads to unsightly/odd accordion interactions - see #31341
This rule suppresses this new behavior and reverts back to the old way.

See https://drafts.csswg.org/css-scroll-anchoring/
2020-07-21 18:17:28 +01:00
Mark Otto
6914efe8dd
v5: Tweak some colors (#31276)
* Tweak green and cyan colors, bump min contrast ratio to 4.5

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-13 21:23:38 +03:00
Gaël Poupard
37ef4e4b5e
Easier disabled state customization for button variants (#30639)
* feat(buttons): easier disabled state customization

* docs(migration): mention new arguments for disabled state in button-variant()

* Update migration.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2020-07-12 07:56:33 +03:00
Mark Otto
2b4db023cd Add null variables for nav-link
Replaces #30498 by adding four new null default variables for .nav-link. Doesn't carry over font-style from the original PR though since that's rarely used, at least by default Bootstrap. Nullifies all values from that PR, too, since we count on some basic inheritance here and don't need color by default.
2020-07-11 11:56:29 -07:00
Patrick H. Lauke
3a79335a0b Docs: rename "Screen readers" helper page to "Visually hidden"
"screen readers" is quite reductive, as there are other assistive technologies. content hidden this way is even announced by things like Alexa/Siri etc, so it's not so much just "screen readers".
in the long run, we may even consider changing the actual classnames (maybe `.visually-hidden` / `.visually-hidden-focusable`, though admittedly that's a bit verbose).

also includes a tiny tweak to layout.md to generalise the note about using `.sr-only`
2020-07-10 16:00:50 -07:00
Patrick H. Lauke
10690dd317
Rename sr-only/sr-only-focusable (#31139)
* Rename `sr-only`/`sr-only-focusable`

To be more representative of the fact that these are not necessarily "screen reader" specific, but actually apply to assistive technologies in general (and also things like Alexa/Siri/etc). Goes hand-in-hand with #31133

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-07-03 14:38:11 +03:00
Mark Otto
9f173aeff3 Remove backdrop-filter from toasts 2020-06-25 09:47:20 +03:00
Shohei Yoshida
c140347bd2
Fix scrollable modal (#31151)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-25 09:43:19 +03:00
Jorge González
d33a560dd6
Fix table separator typo (#31162) 2020-06-24 18:28:47 +02:00
Patrick H. Lauke
02ff387daa
Darken dropdown divider (#31131)
currently, `$gray-200` is practically imperceptible. switch to reusing `$dropdown-border-color`.
2020-06-23 21:00:28 +01:00
Mark Otto
9ca811eed5
Fixes #31113 (#31120) 2020-06-20 07:20:26 +03:00
Catalin Zalog
9f9e4d04a1
feat: adds th null var (#30781)
Inherit `font-weight: bold` that comes from user agent stylesheets.
2020-06-17 16:55:28 +03:00
XhmikosR
c28934cb18
Rename "master" to "main". (#31050) 2020-06-16 21:41:47 +03:00
Mark Otto
970f3b3a8f
v5: Add role=button cursor in Reboot (#31040)
* v5: Add role=button cursor in Reboot

Ports the changes from #30562 made in v4.5 and adds them to v5. This replaces #30563 which sought to add this to the utility API, but the v4 PR shifted to implement an accessible solution vs a lone utility.

* Update reboot.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-16 11:30:40 -07:00
Martijn Cuppens
93f1028e82 Clarify removal of border radii 2020-06-15 19:04:19 -07:00
Martijn Cuppens
8b7b234fd1 Switch to btn-check 2020-06-15 19:04:19 -07:00
Martijn Cuppens
1a0a0858ef Remove checkbox/radio toggle from button plugin in favor of a CSS only solution 2020-06-15 19:04:19 -07:00
Martijn Cuppens
7e28764e67 Change breakpoint-max implementation
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint.
- The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2020-06-14 14:50:47 -07:00
k-utsumi
cde53a85d1 🔥 Remove container duplication 2020-06-12 14:29:43 -07:00
Mark Otto
286f16b92c
v5: Redo blockquote attributions (#30814)
* v5: Redo blockquote attributions

- Renames -small-* variables to -footer-*
- Updates blockquote demos with attribution to place it outside the blockquote with a figure wrapper

* Updated class name

* docs(examples): refactor blockquotes in masonry example

Co-authored-by: Gaël Poupard <gael.poupard@orange.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-12 14:26:37 -07:00
XhmikosR
3d8d0012c8
Stylelint: remove redundant disables (#31006) 2020-06-12 11:11:36 +03:00
Gaël Poupard
32d18d199c
fix(grid): zero min-width on .col has too much side-effects (#30979)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-06-09 21:49:29 +03:00
Martijn Cuppens
e9f7a1d826
Fix undefined custom properties in reboot (#30981) 2020-06-09 10:20:53 +02:00
Rohit Sharma
e140ff92ed Remove .nav-item from .nav-link to make it consistent
- Closes #28423
2020-06-09 07:48:58 +03:00
Gaël Poupard
92a728eae6
Prevent .row from shrinking in flex container (#30940) 2020-06-08 19:47:43 +02:00
Mark Otto
c682e751bf
Restore word-break: break-word on .text-break to fix text breaking on flex containers (#30932) 2020-05-31 06:49:23 +03:00
Edson Jr
1f1b147f19
Add space-evenly option for justify-content (#30910) 2020-05-30 15:19:10 +02:00
Mark Otto
c9cd3e4a08
v5: Make navbar active links consistent (#30831)
* Update navbar docs to put .active class on .nav-link

Fixes #30652 in v5.

* Remove two selectors from navbar nav that are either unused, or duplicative

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-20 15:56:42 +03:00
Martijn Cuppens
e04bbe99ea Code simplification 2020-05-20 09:49:18 +02:00
Gaël Poupard
5b480fcc80 feat(color-contrast): set min-contrast-ratio as an argument 2020-05-20 09:49:18 +02:00
Gaël Poupard
1b8bf5b56c feat(color-contrast): ensure we return a contrasted enough color (light-first), the most contrasted one otherwise 2020-05-20 09:49:18 +02:00
Martijn Cuppens
2df63f4925
Fix gradient on switch checkbox (#30868) 2020-05-19 22:06:50 +02:00
Martijn Cuppens
897d2f3877
Prevent conflicts with components with classes (#30830)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-15 15:59:06 +03:00
Mark Otto
c794c9df2f
v5: Add border-radius to .card-img-overlay (#30817)
Allows use of background-color and more. Fixes #29033 for v5.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-05-15 15:42:31 +03:00
Martijn Cuppens
b531bda07c Improve gradients
- Use a semitransparent gradient from light to dark which works on any background-color
- Store the gradient as a custom property (--bs-gradient)
- Remove `.bg-gradient-*` variants in favour of `.bg-gradient` which works even when `$enable-gradients` are enabled
- Add gradients to navbar, active page links and badges when gradients are enabled
2020-05-15 15:03:12 +03:00
Mark Otto
bbeda10e37 v5: Update color on custom switch focus state
Replaces a custom hsla() value (dunno what I was thinking when I added this) with a reassigned existing variable. This variable goes up the stack and attaches to the component-active-bg variable, derived from our primary color out of the box. Fixes #30646.
2020-05-14 20:31:30 -07:00
Mark Otto
12a6576f48
Simplify list-group borders in cards (#30808) 2020-05-14 19:48:46 +02:00
Mark Otto
46d876314b
Split table cell padding variables (#30815) 2020-05-14 19:43:33 +02:00
XhmikosR
38ec7c4df7
Bump version to 5.0.0-alpha1 (#29925)
Also add v4.5.0 in versions and keep README.md pointing to v4.5.0 so that there are no broken stuff.
2020-05-13 22:36:00 +03:00
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-sizes 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