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

3027 Commits

Author SHA1 Message Date
Mark Otto
88bd287b27
Convert progress bars to CSS variables (#35962)
* Convert progress bars to CSS variables

* bundlewatch
2022-03-18 09:02:03 -07:00
Mark Otto
a4841afa26
Convert toasts to CSS variables (#35961)
* Convert toasts to CSS variables

* bundlewatch
2022-03-17 14:48:36 -07:00
Mark Otto
71582eabff
Convert spinners to CSS variables (#35960)
* Convert spinners to CSS variables

* bundlewatch
2022-03-17 13:49:57 -07:00
Mark Otto
8182fd9430 Revert #35759, fixes #35869 2022-03-17 13:39:17 -07:00
Mark Otto
11751c613f Fixes #36015: Fix pagination link border-radius if statement 2022-03-17 13:39:17 -07:00
Mark Otto
91f6a01c69 Fixes #36016: Update .dropdown-item padding 2022-03-17 13:39:17 -07:00
Mark Otto
acf6ea74a7
Add additional root variables, rename $variable-prefix to $prefix (#35981)
* Add additional root variables, rename $variable-prefix to $prefix

- Adds new root CSS variables for border-radius, border-width, border-color, and border-style
- Adds new root CSS variables for heading-color, link-colors, code color, and highlight color
- Replaces most instances of Sass variables (for border-radius, border-color, border-style, and border-width) for CSS variables inside _variables.scss
- Updates $mark-padding to be an even pixel number
- Renames $variable-prefix to $prefix throughout

* Bundlewatch
2022-03-13 10:13:09 -07:00
Mark Otto
e567d511d4 Convert breadcrumb to CSS variables 2022-03-11 12:59:55 -08:00
A Web Artisan
ce655ee6f2
Allow to set active and disabled class also to .page-link (#35804)
Sometimes we can set `.active` class only to link tag and not parent.
Since active status style is applied only to `.page-link` and not `.page-item`, would also make more sense to just add the active class to `.page-link` itself.

The other way to set `.active` class to `.page-item` still remain, so there is not BC.

Allow to set also `.disabled` class to `.page-link`

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-03-11 21:25:41 +02:00
Mark Otto
58ac9a9a5c Set opacity on dropdown-divider for now 2022-03-11 09:46:03 -08:00
Mark Otto
e72a090aee Updates -color to use rgba() 2022-03-11 09:15:33 -08:00
Mark Otto
c73480c636 Adjust border-radius values and add some new utilities
- Updates global border-radius values for a more modern appearance
- New .fw-semibold
- New .rounded-4 and .rounded-5
2022-03-11 09:10:37 -08:00
Mark Otto
63145c8bc6 Fix some instances of lazy Sass math when multiplying new CSS var based border-width 2022-03-11 09:04:13 -08:00
XhmikosR
d21a51a2ea
Ignore warning for .navbar-light deprecation (#35995) 2022-03-10 20:32:48 +02:00
Mark Otto
2e75ec3c41 Convert popovers to CSS variables 2022-03-08 14:53:53 -08:00
Mark Otto
91312486b2 Deprecate the tooltip-arrow-bg color since we're using CSS variables to set tooltip colors 2022-03-08 14:53:53 -08:00
Mark Otto
a68e1af2d5 Document new CSS vars in tooltip docs 2022-03-08 14:53:53 -08:00
Mark Otto
fdcbbe3d92 Convert tooltips to CSS vars 2022-03-08 14:53:53 -08:00
louismaxime.piton
6c40476af9 Fix dropdowns 2022-03-08 14:37:44 -08:00
Julien Déramond
2d11c1c28a Add missing root border opacity CSS var 2022-03-07 16:24:53 -08:00
cccabinet
a9b3445060 fix:border-width 2022-03-02 15:19:21 -08:00
Mark Otto
9030f57db7
Split CSS vars for padding values (#35921)
* Split CSS vars for padding values

Make these few components consistent with where we're heading with other components. Had to add some new Sass variables to handle the dropdown-header element, but not a huge deal. This ensures we can drop the combined variable in v6 when we're ready.

* Update scss/_dropdown.scss

Co-authored-by: Julien Déramond <julien.deramond@orange.com>

* Deprecate dropdown-header-padding var

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-03-01 12:52:00 -08:00
Gaël Poupard
954f6e54d3 fix(forms): color input with validation icon 2022-02-28 19:34:34 -08:00
Gaël Poupard
a9d1ab2d3f fix(tooltips|popovers): RTL arrows 2022-02-28 19:27:47 -08:00
louismaxime.piton
76d9cd4e7a . 2022-02-28 14:50:37 -08:00
louismaxime.piton
6e2b21c200 Use the new CSS variable in dropdown menu. 2022-02-28 14:50:37 -08:00
Mark Otto
c0f30366ac Add centered dropdown and dropup options 2022-02-28 14:02:51 -08:00
Mark Otto
efc5914667 Replace instances of Sass vars for CSS variable versions of border-color and border-width 2022-02-28 11:40:32 -08:00
Mark Otto
de0dfca9a1 Convert border utilities to CSS variables
- Updates the utilities mixin to check for specific CSS variable names via `css-variable`
- Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1`
- Adds new `.border-opacity-*` classes
- Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width`
- Documents the new variable changes
2022-02-28 11:40:32 -08:00
Mark Otto
12d49f19b0 Remove thicker border on table thead elements
Use the new .table-group-divider to create your own dividers as desired. Would love to find a better way to handle border-color for this, but for now, this is at least opt-in.

I've applied it by default in another way for our docs tables to help differentiate our content vs our components.

Fixes #35342
2022-02-28 11:21:53 -08:00
Erik Faye-Lund
4ee1465acf Prefer Linux-specific fonts over Arial
Some Linux distributions (like Debian) have fontconfig aliases for Arial
that picks specific fonts. But such generic aliases might be less
desirable than the known-good Linux specific fonts.

This fixes a problem on my setup where Liberation Sans is aliased as
Arial, even when Noto Sans is available. Liberation Sans doesn't support
a weight of 500, so we end up rendering headers at the normal weight of
400, which makes them stand out less. Reordering the Arial fallback
makes us instead pick Noto Sans over Lieration Sans, which does support
a weight of 500, and makes headers stand out again.

While we're at it, fixup the reboot documentation to match, and change
the comment about Helvetica Neue; that's not a "Basic web-fallback" font,
it's the UI font on older iOS and macOS versions.
2022-02-25 18:16:26 -08:00
maks
d74870a749 move theme-colors (vars+map) after color tints definitions
In this way we can use color tints other than grays in our custom theme, w/o having to extend it later (e.g `$primary: $indigo-600;` ). This could be done in the project variables file, but i believe most developers just include a full local copy of  `scss/_variables.scss` before the the original `default` file and change the values the need (maybe also removing the !default flag) so that it's easier to track changes and custom values during upgrades.
2022-02-25 14:59:15 -08:00
Mark Otto
28d9aaf670
Add z-index for .toast-container (#35859)
* Add z-index for .toast-container

- Adds positioning and z-index to toast container so that it has a system-declared layer in relation to other components.
- Updates docs to use the class better

Fixes $34028

* Remove unnecessary z-index from docs examples
2022-02-25 08:49:02 -08:00
Julien Déramond
2c5a16ff8b Use all dropdowns CSS variables 2022-02-25 08:43:47 -08:00
Mark Otto
db61cf3d6a Base .text-muted on body color 2022-02-24 13:24:34 -08:00
Richard Giraud
3aaaa01ffa media-breakpoint-only now passes $breakpoints int breakpoint-max. Fixes #35084. 2022-02-24 13:18:16 -08:00
Julien Déramond
36765912c6 Replace non-existent --bs-btn-padding by --bs-btn-padding-{x|y} 2022-02-23 10:24:50 -08:00
Gaël Poupard
37f3977e6d
Rely on border-width for <hr> size (#35491)
* fix(reboot): revert hr styles to v4 implementation

* docs(cheatsheet): add a hr example

* fix(reboot): currentColor is the initial border-color value

* Document hr element in Reboot docs

* Update migration guide

* Update scss/_variables.scss

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-02-22 10:02:47 +02:00
Jann Westermann
546e34cf85
Apply list group numbering to all items (#35822) 2022-02-18 01:17:37 +02:00
Mark Otto
f7f450ec59
Add null modal-footer-bg variable (#35858)
Fixes #35782
2022-02-18 01:14:18 +02:00
Louis-Maxime Piton
d82602063a
New CSS variable for Navbars (#35829)
* Adding a brand new CSS var

* Update scss/_variables.scss

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2022-02-17 11:25:01 -08:00
Nudasoft
999bfaa036
Add !important property to colored links. (#35740)
* Add !important property to colored links.

* Apply suggestions from code review

Co-authored-by: Mark Otto <otto@github.com>
2022-02-17 11:20:44 -08:00
Mark Otto
63f75bccd8 Rename dropdown-shadow to dropdown-box-shadow for consistency 2022-02-16 10:36:01 -08:00
Mark Otto
48a7160cf4
Convert pagination component to CSS variables (#35399)
* Convert pagination component to CSS variables

* Use RFS mixin

* Remove the useless fallback
2022-02-16 10:26:24 -08:00
Eugene Kopyov
2a09f10676 Fixed border radius var name and .show target 2022-02-16 08:48:54 -08:00
Mark Otto
d568e029da Convert dropdowns to CSS variables 2022-02-14 19:11:35 -08:00
Mark Otto
ef9d8538a0 Convert .btn and mixins to use CSS variables 2022-02-14 19:00:59 -08:00
Mark Otto
918a86b425
Correct the horizontal padding on grid containers (#35825)
* Correct the horizontal padding on grid containers

* Don't halve the container-padding-x variable
2022-02-14 15:07:17 -08:00
Mark Otto
7e71fe7bae Convert .badge to CSS variables 2022-02-10 19:51:23 -08:00
Anton
761c4ff235 Fix overriding styles of .list-group-item-action
~~~html
<style>
.list-group-item-action {color: blue;}
.list-group-item {color: red;}
</style>
<p class="list-group-item">red text!</p>
<p class="list-group-item list-group-item-action">still red text!</p>
~~~
because `.list-group-item` declared after `.list-group-item-action` (order in attribute `class` no effect)
2022-02-08 17:11:46 -08:00
Sebastian Podjasek
0853778eba
Support floating labels on .form-control-plaintext (#32840)
* Support floating labels on `.form-control-plaintext`

* Update floating-labels.md

* Apply suggestions from code review

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2022-02-08 12:38:29 -08:00
Mark Otto
4308b67e59
Add .form-check-reverse modifier class (#33606)
* Add .form-check-reverse modifier class

* Update checks-radios.md

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-02-08 12:33:39 -08:00
Mark Otto
27a0f40dc8 Add deprecation notice for .navbar-light 2022-02-08 10:39:58 -08:00
Mark Otto
c9cec89764 Convert navbar to CSS variables
Co-Authored-By: Gaël Poupard <ffoodd@users.noreply.github.com>
2022-02-08 10:39:58 -08:00
The Fake Cake
ff2472becc
Set cursor: default on disabled .form-check-label (#35082)
Fixes #35056
2022-02-07 09:55:44 +02:00
Macinto5h
d2986daa12 Add zebra striping for table columns
Co-Authored-By: Macallan Camara <44030647+Macinto5h@users.noreply.github.com>
Co-Authored-By: XhmikosR <xhmikosr@gmail.com>
2022-02-06 15:59:18 -08:00
Ty Mick
43a9216a7f Move gap utility API from "Flex" to "Spacing"
The `gap` utility is described on the [Spacing page][1] but is not
actually mentioned on the [Flex page][2] (apart from the [API
section][3]).

[1]: https://getbootstrap.com/docs/5.1/utilities/spacing/
[2]: https://getbootstrap.com/docs/5.1/utilities/flex/
[3]: https://getbootstrap.com/docs/5.1/utilities/flex/#utilities-api
2022-02-06 15:45:22 -08:00
GeoSot
28c9002573 Modal: handle click event from backdrop callback 2022-01-30 15:39:34 +02:00
Patrick H. Lauke
0d054bb0f1
Remove explicit use of aria-hidden for offcanvas when closed (#35589)
Remove explicit use of aria-hidden & visibility for offcanvas when closed, handling it with css

Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
2022-01-05 19:20:15 +02:00
XhmikosR
9680e17456
Bump copyright year to 2022 (#35639) 2022-01-03 15:03:42 +02:00
Gaël Poupard
a2c056e1f6
fix(alerts): ensure color is set and used (#35571) 2021-12-20 14:22:29 +02:00
Mark Otto
f729e4c7d1
Convert alerts to CSS variables (#35401)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-17 07:16:24 +02:00
Andy Jiang
4a66f229ed
Add missing border-radius for btn-group (#35467)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-16 10:43:30 +02:00
Florian Lacreuse
d17801265e
Add sticky bottom utility (#35518)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-16 10:27:00 +02:00
XhmikosR
cb46ad633c
Reprocess inline SVGs with the latest SVGO (#35484) 2021-12-15 09:29:17 +02:00
XhmikosR
8cdb6c40bd
Update stylelint and stylelint-config-twbs-bootstrap (#35438) 2021-12-14 09:51:31 +02:00
Alexander Gitter
ba7863a5bb
Fix typo in $purples (#35466)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-12-07 12:34:16 +02:00
Travis Risner
45eb70e03c
Correctly implement RFS in :root CSS variable for $body-font-size (#35326)
* rfs fix

* Update scss/_root.scss

* Update _reboot.scss

Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-11-25 14:01:19 -10:00
Si Nguyen
3c8fbb6581 Update _close.scss 2021-11-25 13:56:32 -10:00
Mark Otto
9f099d3e4f
Move reassigned Sass maps for colors to another stylesheet (#34942) 2021-11-15 13:03:48 +02:00
Michael Sørensen
44ea0d6925
make-col-ready(): remove the unused $gutter variable (#34334)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-11-01 08:59:21 +02:00
Mark Otto
0c449b8b82
Always set the CSS variables for gutters in containers (#34644)
We already do this in rows, so to best support our containers, we need
to do it at the container level as well.

Fixes #32658, fixes #34614, closes #32658.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-11-01 08:39:48 +02:00
Gaël Poupard
989de20bae
Don't override CSS direction in code elements (#35230)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 09:00:36 +03:00
Gaël Poupard
600a9ee521
Ensure sufficient contrast in accordion-item (#35231)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 08:53:42 +03:00
Gaël Poupard
7a9a3ab50f
Drop prefixed version of ::file-selector-button (#35232)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-29 08:47:24 +03:00
Geremia Taglialatela
5b124f647f
Add color and border-color css variables to tables (#35055) 2021-10-11 17:41:43 +03:00
Mark Otto
b21c7ccbb7
Reset z-index on .navbar-expand .offcanvas, plus prevent box-shadow issues (#35153) 2021-10-10 14:56:35 +03:00
XhmikosR
c44d64ed71 Merge remote-tracking branch 'remotes/origin/v513' 2021-10-09 18:28:28 +03:00
XhmikosR
1a6fdfae6b Bump version to 5.1.3. 2021-10-09 09:43:19 +03:00
Mark Otto
09f73a6a12 Revert "Add align-self: center to buttons for improved rendering in flex containers" (#35143)
This reverts commit 94c80ff613.
2021-10-09 09:41:51 +03:00
devhoussam
c331a150cd Add Sass variables for hr background-color and border
Co-Authored-By: Houssam Hammouda <11141564+devhoussam@users.noreply.github.com>
2021-10-05 15:49:35 -07:00
Mark Otto
57d80fcd32
Separate container classes from $enable-grid-classes option (#35005)
* Separate container classes from enable-grid-classes optoin

* Document the new option

* Mention in migration guide

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-10-05 19:46:33 +03:00
XhmikosR
5ecef8ac01
Release v5.1.2 (#35114) 2021-10-05 18:50:18 +03:00
Kyle Tsang
a2aa8c5a6e
Add workaround for dart sass compile error (#35033)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
2021-10-05 18:40:44 +03:00
Geremia Taglialatela
4fffcf7232
Use Sass variable instead of RGB components (#35017)
All other `rgba()` calls use a Sass variable, except for the ones fixed in this commit
2021-09-28 18:18:02 +03:00
Kitty Giraudel
1df098361c
Update a URL mentioning dead name (#34937) 2021-09-09 14:42:45 +03:00
Gaël Poupard
2a925d6fd8
Separator for table direct children (#34861)
* fix(tables): separator for table direct children

* fix(tables): drop universal selectors

* fix(tables): trying the lobotomized owl selector

* fix(tables): get closer to v4

* fix(tables): ensure borderless are borderless
2021-09-09 09:50:55 +03:00
bavoco
00a230a6a7
fix custom property values of row overrides individual cell (#34799) 2021-09-08 09:07:22 +03:00
Dominik Crha
dbe0ad49ab
Add border-radius sizes to small and large .form-selects (#34853)
Fixes #34852

Co-authored-by: Dominik Crha <crha@havit.cz>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2021-09-07 13:35:35 -07:00
Zaid Jawed
94c80ff613
Add align-self: center to buttons for improved rendering in flex containers
Fixes #34834
2021-09-07 13:21:57 -07:00
XhmikosR
0d81d3cbc1
Release v5.1.1 (#34869)
* Prepare v5.1.1.

* Dist
2021-09-07 18:37:44 +03:00
Mark Otto
d91480e3c7
Include root.scss in all dist builds (#34773)
* Remove the font-family-* override vars from Reboot build

* Update Reboot docs to mention CSS variables
2021-09-02 08:41:58 +03:00
ghost_32
6cf52ed5f7
Fix $dropdown-link-hover-color variable color value in _variable.scss (#34779) 2021-08-23 10:18:29 +03:00
Mark Otto
612d235faf
Add check to rgba-css-var function for body or bg (#34699) 2021-08-10 17:16:48 +03:00
Semih Raif Gürel
f4fd27118f
Fix font size variable name (#34679)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-08-05 08:39:04 +03:00
XhmikosR
f20fece3a8
Prepare v5.1.0. (#34674) 2021-08-04 18:41:51 +03:00
XhmikosR
7fcc2f4d52
_navbar.scss: switch comment (#34677) 2021-08-04 17:49:34 +03:00
Mark Otto
4d7911a27b Add and document additional :root CSS variables
- Adds grayscale colors
- Adds root and body variables

Note that some Sass variables default to `null`, so as we generate and use the CSS variable, we'll be potentially adding some lines of code.
2021-08-03 17:06:06 -07:00
Mark Otto
e72916e5b7 Update color and background-color utilities
- Adds new functions to generate additional Sass maps
- Adds new root variables for rgb() versions of our theme colors, plus a few extras
- Adds ability to change the alpha transparency of text color and background color utilities with new utilities, inline styles, or local CSS var
- Updates documentation for color and background-color utilities pages
- Deprecates .text-black-50 and .text-white-50 since those (and additional transparency levels) can be generated on the fly

Change approach slightly to prevent cascade
2021-08-03 17:06:06 -07:00
Jaume Sala
39b7c75b13
Add new placeholder component (#31859)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Jaume Sala <jaumesala@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2021-08-03 08:59:00 -07:00
Mark Otto
f64df40dfa
Update input-bg to use body-bg (#34651) 2021-08-03 18:27:49 +03:00
Mark Otto
906a990eb7
Revert "Allow individual grid classes to override .row-cols (#33621)" (#34612)
This reverts commit f2b47e1c8a.
2021-07-29 06:29:46 +03:00
Andrew Pucci
fd9285bc9c
Make text decoration consistent with other anchors (#34475)
Fixes #34474

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-28 16:00:10 +03:00
Gaël Poupard
8536474583
More concise improvements for add() and subtract() (#34432) 2021-07-27 07:48:08 +03:00
Mark Otto
e208774fc1
Clean up a couple CSS Grid issues (#34572)
- Moves the make-cssgrid() mixin to the grid mixins stylesheet
- Updates the g-start-* classes to start at 1 instead of 0 as 0 is an invalid value (fixes #34399)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-26 18:45:10 +03:00
TheFakeCake
9ef7ca5156 Make default $accordion-icon-color consistent
Change the $accordion-icon-color variable default value to
$accordion-button-color
2021-07-25 21:06:42 -05:00
GeoSot
41292a5257
Toasts: Change showing timings and classes to keep toast display:none by default (#33610) 2021-07-22 18:13:13 +03:00
craftwerk
06a1ca5623 Add new offcanvas support to navbars
Co-Authored-By: craftwerk <1193597+craftwerk@users.noreply.github.com>
2021-07-17 20:33:34 -07:00
Mark Otto
aee169d192 Split .vr from stacks as a new helper 2021-07-16 15:11:40 -07:00
Mark Otto
2bc6de1f5e Add hstack and vstack helpers 2021-07-16 15:11:40 -07:00
Gaël Poupard
054f8781a8
fix(forms): prevent color control from shrinking (#34445)
* fix(forms): prevent color control from shrinking

Fixes #34195

Setting `min-width` alongside `max-width` wouldn't make any sense IMHO. The only concern I have is whether we should introduce a dedicated variable for said width?

* feat(forms): introduce ` $form-color-width`

* feat(forms): use ` $form-color-width`

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-14 09:19:28 +03:00
Mark Otto
0fc117cec5
Add null $card-box-shadow variable (#34440)
Fixes #34421

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-08 09:44:55 +03:00
Mark Otto
47bbd945f0
Add maps for all colors, document how to extend color utilities (#32319)
* Add maps for all colors, document how to extend color utilities

* Updates to make this more functional for v5

- Moves color maps into _variables.scss for now (felt weird to split them out when the variables are there)
- Adds a new function, map-merge-multiple(), and updates docs that reference combo-map
- Updates code snippet and docs guidance about how to extend the color utils to handle this

* Update site/content/docs/5.0/customize/color.md

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-07-06 14:31:20 -07:00
Mark Otto
359ed099e5 Add horizontal collapse support 2021-07-05 17:22:29 -10:00
Mark Otto
45d26de728 Variablize backdrop for modal and offcanvas 2021-06-25 13:41:15 -07:00
Mark Otto
dd824f2d3e
v5.1: Add optional CSS grid (#31813) 2021-06-22 19:51:16 -07:00
harishhalodoc
a816615efa
Add utility classes for opacity (#33781)
* Add responsive utility classes for opacity

- fix for #33483

* remove responsive opacity utils as it has impact on bootstrap.css bundle size

* Update opacity.md

* Update site/content/docs/5.0/utilities/opacity.md

Co-authored-by: Mark Otto <otto@github.com>

* Update site/content/docs/5.0/utilities/opacity.md

Co-authored-by: Mark Otto <otto@github.com>

Co-authored-by: Harish <halodoc@ip-192-168-1-101.ap-southeast-1.compute.internal>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-06-22 19:20:01 -07:00
XhmikosR
688bce4fa6
Release v5.0.2 (#34276)
* Bump version to v5.0.2.

* Dist
2021-06-22 21:29:16 +03:00
Mark Otto
16d5041a76
Fix another Sass division (#34332)
* Fix another Sass division

* Revert the percentage division in the mixins for accuracy

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-22 20:39:13 +03:00
Mark Otto
c11c3a7e19 Update rfs to v9.0.4. 2021-06-22 20:11:39 +03:00
Mark Otto
ed13d01559 Update the divide() function 2021-06-22 20:11:39 +03:00
Mark Otto
34db122ecc Small typos, closes #34249 2021-06-19 16:30:31 -07:00
Mark Otto
bef9ec8898
Fix lingering Sass math (#34281) 2021-06-17 19:15:59 +03:00
Mark Otto
543d2219c4
Remove a leftover sass:math module call (#34280) 2021-06-17 18:38:54 +03:00
Mark Otto
2f734af472 Don't set auto margin on offcanvas close 2021-06-14 18:40:14 -07:00
Mark Otto
be17444756
Replace / division with multiplication and custom divide() function (#34245)
* Convert bulk of division to multiplication

* Use custom divide() function instead of Dart Sass math module for greater compatibility

* Apply suggestions from code review

* Fix functions
2021-06-14 09:35:30 -07:00
Anal-Retentive Squirrel Hunter
f2b47e1c8a
Allow individual grid classes to override .row-cols (#33621) 2021-06-03 19:18:00 +03:00
Gaël Poupard
dbda13d5ef
fix(forms): unitless line-height for floating labels (#34161)
Co-authored-by: Mark Otto <markd.otto@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-06-03 19:02:46 +03:00
Breno Reis
c0d21e1b3d Sets the correct color for popover header bottom border 2021-06-02 23:08:00 -07:00
Simon Ihmig
649c2bb0bf
Add missing transition to .form-select (#34034)
A selectbox is styled in a very similar way as an input (`.form-control`), including border-color and box-shadow. So it can be assumed it should apply the same CSS transition for these properties when focused, but this was missing.

Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-28 09:20:31 +02:00
Gaël Poupard
fd985d3732
fix(tables): decouple table-bg and table-accent-bg (#34048)
Co-authored-by: alpadev <2838324+alpadev@users.noreply.github.com>
2021-05-28 09:12:40 +02:00
Gaël Poupard
57205e3d8e
fix(dropdowns): RTL for .dropdown-menu-* (#34124) 2021-05-27 17:36:32 +03:00
Gaël Poupard
bdde9b50a6
Fix x-paddings for select (with floating label, and in Firefox) (#34008) 2021-05-25 08:31:30 +03:00
Gaël Poupard
50cf7f48cc
Handle complex expressions in add() & subtract() (#34047) 2021-05-25 08:23:41 +03:00
GeoSot
55a0f9af27
fix wrong comment text for tooltip (#34044) 2021-05-20 17:46:43 +03:00
pu-master
8aa02d8801 Update button-variant mixin to add missing space. 2021-05-19 13:06:24 -07:00
XhmikosR
58b1be927f
Release v5.0.1 (#33972)
* Bump version to 5.0.1.

* Dist
2021-05-13 19:22:20 +03:00
GeoSot
130a5ba1df remove modal css override 2021-05-13 08:55:28 -07:00
Mark Otto
1e4b924aa9
Revert "use :read-only css selector instead [readonly] for consistency (#33642)" (#33961)
This reverts commit 17252bb3b0.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-05-13 17:01:46 +03:00
Gaël Poupard
7ed48943cf
PRevent accent-bg from leaking in nested table (#33825)
Fixes #33817

Solution by  @Hintzmann in [#33817 (comment)](https://github.com/twbs/bootstrap/issues/33817#issuecomment-831718042).
2021-05-13 08:39:37 +03:00
Jatin Mehta
d81d0a92d4
Validated inputs in .input-group shouldn't be behind sibling element (#33644)
Added z-index property for input-group only for invalid state
2021-05-13 08:39:01 +03:00
Mark H. Wilkinson
b074e23ee4 Don't redefine $list-group-color in loop 2021-05-10 13:51:51 -07:00
XhmikosR
bf09367486
Release v5.0.0 (#33647)
* Bump version to 5.0.0

* Fix npm tag

* Dist
2021-05-05 22:32:12 +03:00
alpadev
7fe4e43634
accordion: fix border-top on Firefox (#33736)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-04-30 10:59:54 +03:00
GeoSot
a9d7a62658
Use the backdrop util in offcanvas, enforcing consistency (#33545)
* respect /share modal's backdrop functionality, keeping consistency
* listen click events over backdrop (only) and trigger `hide()` without add/remove event tricks
* achieve to hide foreign open offcanvas instances without glitches `if (allReadyOpen && allReadyOpen !== target)`, in case another is going to be open, when user clicks on trigger button
2021-04-19 08:20:25 +03:00
Rohit Sharma
7100a0da52 Apply positioning only when Popper is not used 2021-04-17 16:14:52 -07:00
harishhalodoc
17252bb3b0
use :read-only css selector instead [readonly] for consistency (#33642)
There are 5 places where [readonly] selector is used. I have replaced with :read-only for consistency.

fix for https://github.com/twbs/bootstrap/issues/33101

Co-authored-by: Harish <halodoc@ip-192-168-43-211.ap-southeast-1.compute.internal>
2021-04-17 14:33:27 -07:00
Mona Brahmakshatriya
6fc74ebbbf
fix: use list-group variable instead of alert (#33658)
Use $list-group-item-color-scale variable in list-group NOT $alert-color-scale
2021-04-17 14:23:56 -07:00
Victor Massé
f61a0218b3
Make accordion icon rotation more natural (#33292) 2021-04-14 13:51:44 -07:00
Carson
2120a02b3c Have $form-check-input-border's default derive from ($black instead of hard-coded black) 2021-04-14 13:25:03 -07:00
Gaël Poupard
4383ae0459 refactor(color-scheme): reduce complexity 2021-04-14 13:16:01 -07:00
Geremia Taglialatela
6fe75df3aa Hide validation icons from multiple selects
Implementation provided in #33411 does not take into account that some
Operating Systems may display a vertical scrollbar in the multiple
select field

This implementation will hide the validation icons from multiple select
fields, just like Bootstrap 4 does.

Fix: #33591
2021-04-13 22:05:53 -07:00
GeoSot
7b7f4a5ced
Decouple Modal's scrollbar functionality (#33245) 2021-04-11 09:37:59 +03:00
Mark Otto
2d2f5b3dfd Add color-scheme mixin 2021-04-10 09:39:31 -07:00
CFX
0c56749f13
Add equal column mixin (#32155) 2021-04-06 21:45:28 +03:00
Mark Otto
062ecf67b2 Spinner alignment changes 2021-04-04 20:08:15 -07:00
Mark Otto
056ad3ad95
Add offcanvas-top modifier (#33549) 2021-04-04 11:11:33 -07:00
Mark Otto
91a24e2b09 Vertically align offcanvas header components
Fixes #33460
2021-04-04 11:06:49 -07:00
Geremia Taglialatela
bfafabfd53 Fix validation feedback icon in select multiple
Validation feedback for `<select multiple>` should look like
`<textarea>`.

The previous implementation was placing the validation icon in the
middle of the select field together with the single select arrow, that
is not supposed to be part of this kind of inputs
2021-04-02 14:11:35 -07:00
Kyle Tsang
91fa809529
Make .nav-link color consistent when using buttons (#33478)
* Make .nav-link color consistent when using buttons

* Set $nav-link-hover-color to $link-hover-color as default
2021-03-30 23:07:00 -07:00
XhmikosR
220139a89f
Release v5.0.0-beta3 (#33439) 2021-03-23 18:26:54 +02:00
Mark Otto
e775c494f2 Fix flush accordion styles 2021-03-22 13:56:06 -07:00
Mark Otto
c198eb6319
Revamp accordion borders to fix pixel jumping (#33149)
- Pushes the borders to the .accordion-item
- Simplifies the .accordion-flush
- Recreates the .accordion-button border-bottom with an inset box-shadow
- Updates background-color to solid to match other components like list group and prevent stacked translucent borders
- Use negative margin to overlap the consecutive items
2021-03-16 22:16:03 -07:00
Mark Otto
5c6e72c6fe Change from element selector to the opt-in class 2021-03-10 22:04:32 -08:00
Mark Otto
defce83027 Add ol.list-group with psuedo-element numbers 2021-03-10 22:04:32 -08:00
gopal-jayaraman
644afc2761
Removing duplicate text-decoration style for abbr[title] #33197 (#33325)
Removing duplicate text-decoration style for abbr[title] #33197
2021-03-10 19:06:18 -08:00
XhmikosR
bdffdb9380
Update devDependencies (#33307)
* @popperjs/core    ^2.9.0  →    ^2.9.1
* autoprefixer     ^10.2.4  →   ^10.2.5
* clean-css-cli     ^5.2.0  →    ^5.2.1
* postcss           ^8.2.6  →    ^8.2.7
* stylelint       ^13.11.0  →  ^13.12.0
2021-03-08 19:00:06 +02:00
GeoSot
548be2ed66
Offcanvas as component (#29017)
* Add a new offcanvas component

* offcanvas.js: switch to string constants and `event.key`

* Remove unneeded code

* Sass optimizations

* Fixes

Make sure the element is hidden and not offscreen when inactive
fix close icon negative margins
Add content in right & bottom examples
Re-fix bottom offcanvas height not to cover all viewport

* Wording tweaks

* update tests and offcanvas class

* separate scrollbar functionality and use it in offcanvas

* Update .bundlewatch.config.json

* fix focus

* update btn-close / fix focus on close

* add aria-modal and role
return focus on trigger when offcanvas is closed
change body scrolling timings

* move common code to reusable functions

* add aria-labelledby

* Replace lorem ipsum text

* fix focus when offcanvas is closed

* updates

* revert modal, add tests for scrollbar

* show backdrop by default

* Update offcanvas.md

* Update offcanvas CSS to better match modals

- Add background-clip for borders
- Move from outline to border (less clever, more consistent)
- Add scss-docs in vars

* Revamp offcanvas docs

- Add static example to show and explain the components
- Split live examples and rename them
- Simplify example content
- Expand docs notes elsewhere
- Add sass docs

* Add .offcanvas-title instead of .modal-title

* Rename offcanvas example to offcanvas-navbar to reflect it's purpose

* labelledby references title and not header

* Add default shadow to offcanvas

* enable offcanvas-body to fill all the remaining wrapper area

* Be more descriptive, on Accessibility area

* remove redundant classes

* ensure in case of an already open offcanvas, not to open another one

* bring back backdrop|scroll combinations

* bring back toggling class

* refactor scrollbar method, plus tests

* add check if element is not full-width, according to #30621

* revert all in modal

* use documentElement innerWidth

* Rename classes to -start and -end

Also copyedit some docs wording

* omit some things on scrollbar

* PASS BrowserStack tests

-- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling.

* Rename '_handleClosing' to '_addEventListeners'

* change pipe usage to comma

* change Data.getData to Data.get

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Martijn Cuppens <martijn.cuppens@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2021-03-02 19:10:10 +02:00
Mark Otto
6d93a1371a Reset select:disabled opacity and null-ify color to fix rendering differences in Chrome 2021-03-02 06:40:32 -08:00
Gaël Poupard
bed8fc8381 fix(navs): ensure button will grow in fill/justified nav 2021-03-01 11:55:19 -08:00
Gaël Poupard
0bdf931507 fix(list-group): properly set a color on list-group-items 2021-03-01 11:27:08 -08:00
Gaël Poupard
ac3a1069b1 fix(forms): validated controls in input-group 2021-03-01 07:53:39 -08:00
Rohit Sharma
d983744d12
Remove the default positioning from .dropup (#33120) 2021-02-22 08:57:21 +02:00
Gaël Poupard
489e7b6798
fix(card): siblings card links in RTL (#33154)
Fixes a bug mentionned in [#32330](https://github.com/twbs/bootstrap/issues/32330#issuecomment-782001326).

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-22 08:49:38 +02:00
k-utsumi
4d19e0e8a4
Clear duplicated class border-0 (#32925)
* Clear duplicated class `border-0`

* Update migration.md

Co-authored-by: Mark Otto <otto@github.com>
2021-02-16 08:05:09 +02:00
Sam Willis
2f03e32d8c Add input focus blur variable 2021-02-10 21:03:37 -08:00
Patrick H. Lauke
df79aad5e4 Remove explicit suppression of focus outline
It's unclear what the reason for first introducing the original hack here (for `[tabindex="-1"]:focus {...}`) was. Seems something that may have been useful/necessary in SuitCSS, but don't think BS ever relied on this. https://github.com/twbs/bootstrap/issues/18330
It's since been modified to only apply when the browser wouldn't apply a visible outline anyway based on its own heuristics (the `:not(:focus-visible)` part) https://github.com/twbs/bootstrap/pull/28437/

But now, thinking this through more...in browsers that do support this pseudo-selector, what this is essentially saying is redundant: don't apply outline in cases where a `tabindex="-1"` element receives focus but the browser wouldn't normally apply focus outline". at best, this is unnecessary. at worst, this actually overrides things an author may explicitly be trying to do with adding `:focus { outline: ... }` explicitly.
2021-02-10 19:35:52 -08:00
Mark Otto
4c7a3e8adf
Add Sass docs (variables, mixins, and loops) to most pages (#32747)
* WIP: Mention variables, mixins, and loops in docs

* Add Sass sections to component pages

* add sass docs for forms and content

* Update buttons.md

* Remove empty mixins sections

* Massive update to utilities and some consistency changes

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-10 19:29:59 -08:00
XhmikosR
e50c11b8c6
Release v5.0.0-beta2 (#32467)
* Bump version to 5.0.0-beta2

* Dist
2021-02-10 18:14:51 +02:00
Rohit Sharma
29e0c9dfa1
Dropdown — Change the selector to check the use of Popper (#33003)
* Create the popper instance first

Make sure that popper instance has been created first and then apply the
styling on the dropdown(menu)

* Use `data-bs-popper` attibute to check popper

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-09 21:04:23 +02:00
Gaël Poupard
91d3da1f3d
fix(navbar): ensure .navbar-collapse behaves as intended (#33022) 2021-02-09 20:54:37 +02:00
Rohit Sharma
273db7c205 Remove the default left styling in favor of Popper 2021-02-09 14:34:27 +02:00
Mark Otto
8f1c882545 Remove .dropdown-menu[style] reset and adjust .dropdown-menu-* modifiers
- Removes the &[style] selector that was used for resetting Popper styles
- Separate Popper-based alignment from static alignment with `data-bs-popover` attribute that separates the --bs-position and custom right/left properties

Co-Authored-By: Rohit Sharma <rohit2sharma95@gmail.com>
2021-02-09 14:34:27 +02:00
Patrick H. Lauke
96be06e32b
Dynamic tabs: use buttons rather than links (#32630)
* Dynamic tabs: use buttons rather than links

- change docs
- add mention that tabs should be <button> elements
- tweak styles to neutralise border and background

* Update js unit and visual test accordingly

- replace links with buttons
- make one specific test that uses links instead of buttons, as we still want to support it despite it being non-semantically appropriate
- Leaving a couple of tests for now. The test for removed tabs should be redone so that tabs are removed programmatically (as the approach of having that close button inside the link is invalid and broken markup). The test for dropdowns should be removed together we actually ripping out the handling for dropdowns in the tab.js code (arguably a breaking change, though we discouraged this for a few versions and effectively "deprecated" it)

* Add isolation:isolate to prevent focus being overlapped

https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
2021-02-09 07:23:45 +02:00
Gaël Poupard
02d103be91
fix(accordion): ensure .accordion-button stays left-aligned (#32951)
Fixes #32938

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:44:48 +02:00
Gaël Poupard
e4b249d02b
fix(navbar): hardcoded custom property (#32930) 2021-02-03 21:42:24 +02:00
Rohit Sharma
217d84d6b2
Remove the initial margin from dropdown/popover in favor of Popper (#32524)
* Remove the margin from dropdown in favor of Popper

- Set the default margin to 0 for dropdowns (To remove the Popper's  warning)
- Set the required offset in dropdown's defaults

* Remove the margin from the popover component

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-02-03 21:37:25 +02:00
Mark Otto
88be1ce502 Update docs for color and bg utilities
- Split colors from background utilities with new docs page
- Add Sass docs for both pages
2021-02-03 07:15:49 +02:00
Quy
ed0fc83216
_carousel.scss: Fix typo in comment (#32950) 2021-02-01 15:22:24 +02:00
Patrick H. Lauke
a882614c45 Make carousel indicators actual buttons 2021-01-28 23:32:24 +02:00
Mark Otto
0fa16a5d45
Re-add flex-grow to .navbar-collapse (#32899)
Update .navbar-collapse to drop width 100 and use flex-grow, restoring it to v4's behavior

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-27 21:27:02 +02:00
Patrick H. Lauke
3aa3fda730
Carousel: use buttons, not links, for prev/next controls (#32627)
* Carousel: use buttons, not links, for prev/next

- expand the styles to neutralise border/background
- change docs page
- add extra unit test to check that links or buttons work as controls
- modify visual test to use buttons as well
- use buttons instead of links for prev/next
- remove `role="button"` from links that are actually links

* Clarify that controls can be button or link

* Update site/content/docs/5.0/components/carousel.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>

* Explicitly set padding to 0 to prevent dipping/moving on active in Firefox

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-27 17:31:16 +02:00
Mark Otto
40b15de723
Add .navbar-nav-scroll for vertical scrolling of navbar content (#32037)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-19 07:32:18 +02:00
Mark Otto
bb19b08fbe
Remove popover-arrow margin to fix alignment of the arrow (#32787)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-15 09:12:45 +02:00
Mark Otto
987715fd24 Drop transition on .form-check, keep on .form-switch
To avoid breaking changes, turns -check-transition to null, then adds a new -switch-transition variable
2021-01-14 19:46:50 -08:00
Mark Otto
a8aede0df1 Lighten disabled dropdown text to $gray-500
Fixes #32474
2021-01-14 19:41:34 -08:00
Onycss
041de9d5ed
Add word-break to .toast-body (#32670)
* Update _toasts.scss

* Update scss/_toasts.scss

Co-authored-by: Mark Otto <otto@github.com>
2021-01-13 09:21:57 -08:00
Patrick H. Lauke
78c5b503f9
Darken dropdown item hover style (#32754)
Closes https://github.com/twbs/bootstrap/issues/23329
2021-01-11 01:24:03 +00:00
Patrick H. Lauke
d62d18f172
Consistently use outline:0 rather than outline:none (#32751)
just for code consistency, no actual effect on styling per se
2021-01-10 16:13:08 +00:00
Patrick H. Lauke
a2ae2c364f
Suppress focus outline for buttons when it shouldn't be visible in Chromium (#32689)
Follow-up to https://github.com/twbs/bootstrap/pull/32631

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-10 10:42:26 +00:00
XhmikosR
f2c504397e
Bump copyright year to 2021 (#32713) 2021-01-07 12:12:53 +02:00
Gaël Poupard
acec356c81
fix(ratio): missing variable prefix (#32501)
This is the only unprefixed custom property, and its name is very common so I think we'd better prefix it too.
2021-01-06 08:14:54 +02:00
Patrick H. Lauke
eb45005047
Remove old/unnecessary reboot bug fix (#32631)
From initial testing, this bug doesn't seem to manifest itself anywhere in Bootstrap (since we don't just set transparent background anywhere on buttons, and when we do set explicit button styles in the more specific stylings, we already do create a custom `:focus` style anyway)

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2021-01-05 22:20:35 +02:00
Mark Otto
a48a29a7a5
Tweak .form-select padding (#32419)
* Tweak .form-select padding

* Simplify the padding entirely

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-28 08:27:03 +02:00
Marc Jansing
f07106e604
Add helpers to utilities bundle (#32324)
Adds currently missing utilities classes which are located in scss/helpers to
boostrap-utilities dist files.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-18 07:39:39 +02:00
Dylan Anderson
df763d6457
Add variables for modifying button state colours. (#32317)
Add some variables to allow users to modify how much a button gets
lighter or darker on :hover and :active.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:16:54 +02:00
Dmytro Yaremenko
8984255158
Extended form validation states customization capabilities (#31757)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:07:48 +02:00
Rafi
b424650ab5
Fix: variables collide with globals (#32492)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-17 07:02:20 +02:00
Patrick H. Lauke
eae52b1cb0 Expand visually-hidden-focusable so it can be used on a container, so the container becomes visible when focus is inside it / on one of its child elements. 2020-12-15 09:22:14 +02:00
Mark Otto
071f914fa1
Add two new variables for pagination border-radius values (#32423)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-14 15:34:01 +02:00
Martijn Cuppens
62eb5a3232
Use box shadows instead of linear gradients to colorize tables (#32348)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-11 15:49:22 +02:00
Gaël Poupard
7e47b7ecc9
Reset Popper position in RTL (#32415)
The RTL cheatsheet's dropdowns aren't positioned correctly because of RTLCSS transforming `right: auto` to `left:auto` (which conflicts with Popper positioning).
2020-12-10 16:38:42 +02:00
Martijn Cuppens
8fed098ef9
Utility API, RFS option: Only generate responsive classes when needed (#32397)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-09 23:49:21 +02:00
Mark Otto
33b275c04b
Remove vertical-align from .form-select (#32318)
Aligns the component with the .form-control. Closes #32271.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-12-07 19:08:31 +02:00
XhmikosR
8dc85c657e Prepare v5.0.0-beta1. 2020-12-07 18:18:16 +02:00
Gaël Poupard
9312442338 fix(dropdown): ensure [style] will override inline styles 2020-12-06 18:42:40 +02:00
Gaël Poupard
6a27618d21 fix(RTL) 2020-12-06 18:42:40 +02:00
Martijn Cuppens
d8f247392d Fix conflict with Bootstrap CSS 2020-12-06 18:42:40 +02:00
Martijn Cuppens
87e56de066 Override margins set by popper 2020-12-06 18:42:40 +02:00
Johann-S
adfdf7160b Update to popper.js v2.x 2020-12-06 18:42:40 +02:00
Martijn Cuppens
5b0dcf8ffe Add .translate-middle-x and .translate-middle-y utilities 2020-12-04 16:15:51 +02:00
Martijn Cuppens
1f2e600304 Add toast positioning 2020-12-04 16:15:51 +02:00
Gaël Poupard
9488978fb5 feat(RTL): implement RTL
Using RTLCSS directives, renaming things to use logical names and following best practices.
2020-12-04 07:52:03 +02:00
Martijn Cuppens
bf3c4d0b68 Use $variable-prefix 2020-12-01 19:17:06 +02:00
Mark Otto
3b015ed34e Update breadcrumb docs and dividers
- Add CSS custom property with fallback to Sass variable
- Update docs to mention the new CSS custom property
- Rewrite some of the docs to use divider instead of separator, and add some context here and there
2020-12-01 19:17:06 +02:00
Patrick H. Lauke
ff130b17dc Remove background, padding, border from breadcrumb container 2020-12-01 19:17:06 +02:00
Rohit Sharma
af57444405
Keep rounded corners for the first .btn in vertical button group (#31303)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-30 11:09:55 +02:00
Martijn Cuppens
ff25a75320
Remove default linear gradient (#32277)
Remove the default invisible gradient causing the performance issue in #32266. By removing the custom property, the linear gradient will become invalid, thus not appear by default.

There can still be a performance issue with striped tables though.

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2020-11-30 10:51:32 +02:00
XhmikosR
f4457bca02
Be consistent with Popper's name. (#32224)
The npm package is named "popper.js" but the project is named "Popper", so use the latter consistently.
2020-11-21 16:22:08 +02:00
XhmikosR
a96b118f04
_reboot.scss: remove needless Stylelint disable (#32213) 2020-11-20 09:54:24 +02:00
Gaël Poupard
268da84f16
fix(container): use $variable-prefix (#32201)
Missed that while merging.
2020-11-19 20:38:39 +02:00
Gaël Poupard
44fef1677b
Simplify make-container() (#31735) 2020-11-14 14:33:10 +01:00
Rohit Sharma
418f17ee2b Add bs in data attributes
- Add `bs` in data APIs everywhere
- Update unit tests
2020-11-14 07:09:15 +02:00
Nikita Mikhaylov
1fddb48aff Add hover utilities
remome several hobers

refactoring hover utilities

refactoring hover utilities
2020-11-13 20:16:05 +01:00
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