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

2875 Commits

Author SHA1 Message Date
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
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