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

2875 Commits

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