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

1289 Commits

Author SHA1 Message Date
Julien Déramond
e87852f2b6
Docs: new section to explain how to add a new color to the theme (#37737)
* Docs: new section to explain how to add a new color to the theme

* Commit to revert

* Edit copy

* Typo

* bundlewatch

* Restore blog example

* Remove Sass modifications

* Complete documentation

* Revert bootstrap.scss modifications

---------

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-05-17 09:39:18 -07:00
codemmmmm
758fd2a679
Modal: fix grammar (#38603)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-05-16 16:47:06 +03:00
Julien Déramond
7d97fdff46 Docs: fix paragraph on how do the variants and accented tables work 2023-05-10 17:57:37 -07:00
Mark Otto
e468daac25
More darkmode examples (#38058)
* WIP darkmode examples

* Fix product css error, redo parts of blog

* wip dashboard

* updated rtl generated

* fix up some examples, namely dashboard

* jumbotron and sign-in fixes

* more fixes

* more

* Fixes from code review

* Remove duplicate `data-bs-target` in dashboard/index.html

* Modify `blog-rtl/index.html`

* Modify `dashboard-rtl/index.html`

* Modify `carousel-rtl/index.html`

* Keep JS on all pages for switcher

* Remove Feather from dashboard examples

---------

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-04-27 18:13:35 -07:00
Mark Otto
6182c0d962
Add new docsref page, fix docs border-radius issues (#38491)
* Add new docsref page, fix docs border-radius issues

* Remove commented out code

* Update docsref.md

* Fix no-code example, fix mobile styles

* Updates from review

* Fix block margin, remove margin-right from pre on mobile since no clipboard icons, adjust masthead snippet

* Fix errant styles for border-radius on homepage

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-04-26 15:57:27 -07:00
Louis-Maxime Piton
5400415bb5
Table: active <tr> fix (#37084)
* Adding the custom cascade to make `.active` work on `:hover` and on `.table-striped`.

* Prevent nesting backgrounds

* Small typo

* .

* Adding some docs

* Match variable syntax

* .

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-04-25 20:32:27 -07:00
Julien Déramond
57df533e9f
Docs: change colors of position marker example to work with dark mode (#38445) 2023-04-20 20:10:31 -07:00
XhmikosR
bb33b4bb8f
Fix Rubygems link to README.md (#38459) 2023-04-13 21:21:22 +03:00
XhmikosR
fdd306f481
Update devDependencies (#38437)
* Update devDependencies

* @babel/preset-env                 ^7.20.2  →  ^7.21.4
* @rollup/plugin-node-resolve       ^15.0.1  →  ^15.0.2
* eslint                            ^8.37.0  →  ^8.38.0
* rtlcss                             ^4.0.0  →   ^4.1.0
* sass                              ^1.60.0  →  ^1.61.0
* stylelint                        ^14.16.1  →  ^15.4.0
* stylelint-config-twbs-bootstrap    ^7.0.0  →   ^9.0.1
* vnu-jar                           22.9.29  →  23.4.11

* Fix the new Stylelint issues
2023-04-11 11:44:19 +03:00
Mark Dumay
b000f2ace1
Add hint to reduce screen flickering (#38426) 2023-04-10 09:58:48 -07:00
Julien Déramond
e8311211f3 Docs: fix text rendering of navbar external content 2023-04-10 09:47:45 -07:00
Mark Otto
9004a58c00
Improve colored links interaction with link utilities (#38398)
* Fix missing paren in colored links color

* Restore important flag on colored links color and text-decoration-color for better interaction with link utilities

* Mention in migration guide
2023-04-10 09:46:52 -07:00
Julien Déramond
01364cb49c
Docs: consistent usage of CSS sections (#38219)
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-04-10 17:53:28 +02:00
Julien Déramond
d0cc42c009
Docs: add missing twbs/examples and change sorting (#38407)
* Docs: add missing twbs/examples

* Change sorting of examples.yml

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-04-05 09:10:47 +03:00
Julien Déramond
b62fd60a6d
Docs: remove moot hot option from Vite guide (#38405) 2023-04-05 08:44:38 +03:00
XhmikosR
ae43f0c48b
Tweak and re-organize ESLint config (#38369)
* Tweak and re-organize ESLint config

* merge individual configs to the root config
* enable more eslint-plugin-import rules
* lint markdown files

* Lint
2023-03-29 13:49:30 -04:00
Julien Déramond
c5fde53c8d
Docs: update Webpack guide (#38345)
* Docs: remove `<script>` from `index.html` in Webpack guide

* Add `mode=production` to `build` step in Webpack guide
2023-03-28 17:02:37 +03:00
GeoSot
94c7dc717e
Add detailed explanation of the JS components configuration merging process (#37303)
* doc: add detailed explanation of the components config process & fix popover/tooltip docs

* Update site/layouts/partials/js-data-attributes.md

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-03-27 12:30:27 +03:00
Hannah Issermann
06f7c3b6c7
Add js-docs shortcode to ensure consistency between doc and js code (#38316)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-03-27 12:10:25 +03:00
Hannah Issermann
31f93e2aff
Docs: fix Markdown table with empty column (#38342) 2023-03-27 10:48:42 +02:00
Julien Déramond
2bbf670fc2
Change diff file path in Webpack guide (#38339) 2023-03-27 11:04:07 +03:00
David Miles
d76ee2846f Fixed typo in 5.3.0-alpha2 migration 2023-03-26 17:10:33 -05:00
Mark Otto
208ba3d748 Document new .d-inline-grid utility 2023-03-24 19:42:10 -07:00
Hannah Issermann
2008c65c54
Docs: fix two class attributes on same button (#38317) 2023-03-24 16:05:56 +02:00
Julien Déramond
0653e7f648
Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target (#38310)
* Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target

* Use urlquery

* Add `rel="noopener"`

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-03-24 16:00:58 +02:00
Julien Déramond
99867eb9ba
Update Vite, Parcel and Webpack guides (#38305)
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-03-23 08:07:04 +02:00
XhmikosR
b3faa0cfac
docs: remove moot v from docs-versions.yml (#38301) 2023-03-22 10:24:17 +02:00
Julien Déramond
f52d4a35b3
Fix placeholder shortcode color and background params when 'img' markup (#38263) 2023-03-19 17:42:30 -07:00
XhmikosR
8701d89b16
icon-link.md: remove moot aliases (#38246) 2023-03-17 07:58:09 +02:00
Julien Déramond
4ba2deb534
Docs: consistent deprecation messages in Close Button dark variant (#38247) 2023-03-16 18:22:20 +02:00
XhmikosR
c400653990
Tweak stylelint config (#38228)
* rename to .stylelintrc.json
* add reportInvalidScopeDisables to config
* move reportNeedlessDisables to config
* merge the two configs
* remove unneeded disabled rules from the examples config
2023-03-15 06:30:45 +02:00
Julien Déramond
c57be44686
Docs: consistent usage of CSS sections (#38175) 2023-03-13 11:41:27 +01:00
Mark Otto
6f18ad9d69
Update buttons.md (#38169)
* Update buttons.md

Updates the buttons documentation to refer to the button styles as variants as opposed to "predefined styles" as that language was previously troublesome elsewhere in our docs, and variants makes more sense.

* Update site/content/docs/5.3/components/buttons.md

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

---------

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2023-03-10 12:35:58 -06:00
Louis-Maxime Piton
25579aad7c
Fix (#38191)
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-03-10 11:19:58 -06:00
Julien Déramond
24130a4e63
Fix typo in utilities/colors.md (#38194) 2023-03-10 11:19:21 -06:00
Louis-Maxime Piton
2032a6aa8e
Docs: Remove unnecessary href and tabindex="-1" (#38196)
* Proposal

* fix(review)
2023-03-10 11:17:38 -06:00
mrlife
2a2c4abaf4
Docs: fix typo in Color modes page (#38198) 2023-03-08 15:16:34 +01:00
Mark Otto
a3f8480d5b
Remove nesting color modes docs section (#38192)
* Update docs for nesting color modes to better communicate issues with nesting light in dark

* Remove nesting entirely actually, it's impossible to properly show an example when in dark mode
2023-03-07 21:53:31 -08:00
Mark Otto
3cec38c368 Fixes click area for header example snippet 2023-03-07 21:53:05 -08:00
Julien Déramond
423f112b23
Docs: minor modifications in our migration guide for the v5.3.0-alpha2 (#38177) 2023-03-07 06:49:38 +01:00
Julien Déramond
cff5c60a45
Docs: vertically align starters images in example page (#38179) 2023-03-07 06:40:08 +01:00
Andrew Dawes
ea19c3da8a Fixed some grammar issues 2023-03-04 11:50:05 -08:00
Louis-Maxime Piton
b26233c1ab
Examples: color mode enhancement (#38144)
* Tool bar proposal inside examples

* Some examples fixes

* Change appearance and position of the color mode toggler

* Proposal

* .

---------

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-03-04 11:49:07 -08:00
Louis-Maxime Piton
783213691a
Icon link: envariable + enhance the documentation (#38130)
* Envariable the icon-link helper

* Proposal

* .
2023-03-02 10:32:43 -08:00
Julien Déramond
912cfe5823 Fix dropdown toggle visible focus in headers example 2023-03-02 10:32:03 -08:00
Julien Déramond
b8b81669f0 Docs: .text-body-secondary appears two times in Utilities > Colors 2023-03-02 10:24:58 -08:00
Julien Déramond
38a431068f Docs: replace 'popover' by 'tooltip' in tooltip's page' options section 2023-03-02 10:23:38 -08:00
Julien Déramond
34901f1bc7 Docs: rollback some modification about .text-muted deprecation messages 2023-03-02 10:23:03 -08:00
Louis-Maxime Piton
23d20fa54f
Utilities: add 0 value to link-underline-opacity (#38131) 2023-03-02 07:45:25 +01:00
Julien Déramond
51299bf4e1
Drop unused --bs-focus-ring-box-shadow and add documentation for --bs-focus-ring-{x|y|blur} (#38095) 2023-02-25 08:01:20 +01:00
Julien Déramond
78f879eb57
Docs: drop unused icons (#38103) 2023-02-23 07:55:56 +01:00
Julien Déramond
5241b988c0
Bump Chart.js from 2.9.4 to 4.2.1 in dashboard examples (#38071)
* Bump Chart.js from 2.9.4 to 4.2.1 in dashboard examples

* Rollback myChart var modification

* Add some padding between tooltip color and text

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-02-19 10:34:15 +02:00
Mark Otto
2dc329dd37
WIP: New snippet examples (#36309)
* Start work on some new snippet examples

* Update for dark mode, fixes

* Add images, update descriptions

* examples fixes
2023-02-14 20:58:39 -08:00
Mark Otto
f256874675 More updates to migration guide 2023-02-14 15:46:45 -08:00
Mark Otto
8fddb9fe57
Update form validation styles to use new CSS variables for color and border-color (#38044)
* Update form validation styles to use new CSS variables for color and border-color

* Use better Sass variables
2023-02-14 15:22:35 -08:00
Mark Otto
9dd42e1a07
Attempt to fix focus ring being cut off in table of contents (#37965)
* Attempt to fix focus ring being cut off in table of contents

* Update _toc.scss

---------

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-02-14 08:58:08 -08:00
Julien Déramond
68afebe5b5 Docs: Use ESM Popper CDN reference in 'Using Boottrap as a module' 2023-02-14 08:46:55 -08:00
Louis-Maxime Piton
7bffd6ea8d
Docs: Progress fix + proposal (#38014)
* Fix + proposal

* fix(review)

---------

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-02-13 18:38:21 -08:00
Julien Déramond
70bad9b1b6 Docs: uniformize disabled nav links for underline nav 2023-02-13 18:12:35 -08:00
汪心禾
aff8f0dc9a Remove redundant space in forms/validation.md 2023-02-04 17:40:51 +07:00
Mark Otto
99e3724459 Add mention to migration guide 2023-02-04 17:40:20 +07:00
Mark Otto
c735b2e196
Migration guide changes for v5.3.0-alpha2 (#37862)
* WIP

* More changes mentioned

* more

* mention dropdown-menu-dark deprecation

* More edits
2023-01-28 09:36:19 +08:00
Patrick H. Lauke
1299b163c7
Docs: tweak icon link and callouts (#37923)
* Tweak callout for icon link

- no need to talk about `alt` for `<img>` since these don't use `<img>`
- make start of sentence more readable

* Tweak language of dropdown warning callout

* Tweak popover warning callout

* Tweak rtl warning callouts

* Tweak color warning callout

* Add/move accessibility callout for color to relevant pages

* Update site/content/docs/5.3/helpers/icon-link.md

* Update site/layouts/partials/callouts/warning-color-assistive-technologies.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-01-21 09:51:45 -08:00
louismaximepiton
15744ee1d0 Proposal to rename the CSS and Sass variables 2023-01-21 09:46:48 -08:00
Patrick H. Lauke
cfd3560c6d
Docs: add overflow and text color info to progress bar page (#37921)
* Docs: add overflow and text color info to progress bar page

* Add example/reference for color & background helper use

* Add mention of color modes/dark mode

* Tweak link text
2023-01-21 09:34:09 -08:00
ChellyAhmed
d9d2b4fdb2
fix typo in gutters doc (#37918)
* fix typo in gutters doc

* Update site/content/docs/5.3/layout/gutters.md

Co-authored-by: Mark Otto <otto@github.com>
2023-01-21 09:30:08 -08:00
louismaximepiton
bada2b9a90 Proposal 2023-01-17 21:10:13 -08:00
louismaximepiton
16aff741ec Proposal 2023-01-17 10:39:49 -08:00
louismaximepiton
5dc7f4c165 Harmonize the doc 2023-01-17 10:39:16 -08:00
Mark Otto
20ab8219a0
Sass docs updates (#37897)
* Add maps

* Redesign scss-docs rendering

* Update other CSS sections

* Fix linter
2023-01-16 18:57:24 -08:00
Mark Otto
eec5015520 Typo 2023-01-16 16:57:57 -08:00
Mark Otto
436de310ba Add docs callout for utilities that don't respond to color modes 2023-01-16 16:57:57 -08:00
Mark Otto
a799f0149a Include variables-dark in the import stacks, plus a customize overview fix 2023-01-16 16:57:18 -08:00
Mark Otto
ca88999448
Fix .form-control in dark mode (#37893)
* Fix .form-control in dark mode

* Remove CSS vars from docs
2023-01-16 15:56:23 -08:00
louismaximepiton
50723075aa Update grid example 2023-01-16 15:55:47 -08:00
Louis-Maxime Piton
9042efd0f8
Deprecate the Sass var and remove any occurence of the .text-muted (#37890) 2023-01-16 15:55:28 -08:00
Maciej Kubień
934d7a0c1a Changed ``popover` to `tooltip`` in docs
Changed ```popover``` to ```tooltip``` in tooltip component docs page.
2023-01-15 10:47:05 -08:00
Issermann Hannah
8865b469c3 Move form-text paragraph to Form control page instead of overview to have teh documentation in the same page than sass variables. 2023-01-15 09:48:17 -08:00
Julien Déramond
4536f60d95 Docs: update progress markup in Color modes page 2023-01-12 18:50:59 -08:00
Mark Otto
f23e203bd0 Mention deprecated classes for color mode on offcanvas 2023-01-11 21:05:21 -08:00
Julien Déramond
2d57b88902 Docs: fix broken links in Color modes page 2023-01-11 10:07:49 -08:00
Catalin Zalog
791c44cc6d docs: updates .text-*-left changes 2023-01-11 09:58:30 -08:00
Mark Otto
a901027ab0
Update colored links, add new .link-body-emphasis helper (#37833)
* Rewrite colored links to use color property again instead of --bs-link-color-rgb value because nav links and more do not set --bs-link-color-rgb

* Update bundlewatch

* Document it

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-01-10 16:34:25 -08:00
Mark Otto
f40e76d1f7
Update snippet examples for dark mode (#37834)
* Update snippet examples for dark mode

* Fix markup

* Review comments

* undo colored links docs from this PR
2023-01-10 16:33:33 -08:00
Julien Déramond
3fc305b2de Docs: fix typo in migration guide 2023-01-10 02:54:06 -08:00
A Kriya
1871531312 Docs: add .fw-medium utility class example 2023-01-08 15:48:44 -08:00
Julien Déramond
980116e02f Docs: missing deprecated callout for list-group-item-variant() mixin 2023-01-07 14:52:43 -08:00
Louis-Maxime Piton
fd1ec97bd3
Docs: Small enhancements (#37803)
* Consistency with the doc

* Bring a class to avoid weird behavior

* Consistency + Add some explaining text

* fix(color)
2023-01-05 19:59:59 -08:00
Julien Déramond
d17d2abb26 Docs: enhance colors description table 2023-01-05 19:58:52 -08:00
Julien Déramond
8a35408030
Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font (#37671)
* Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font

* Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top

* Remove extra CSS file

* Change links to twbs/examples

* Fix icon name

* Adjust icon link offset to more reasonable and scaling distance

Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-04 13:38:45 -08:00
Mark Otto
846d6606ec Include twbs/examples in the Examples page 2023-01-04 09:56:11 -08:00
Mark Otto
d70b5db2e0
Add new link utilities, icon link helper, and update colored link helpers (#37762)
* Add new link utilities, update colored link helpers

* Remove commented out code

* Fixes

* Remove examples changes

* Fixes and copy

* Fix icon-link instances on homepage

* Bump bundlewatch

* Fix node-sass issue for rgba() function bug

* More bundlewatch

* One more time after merge

* Add callout for a11y

* Hover and focus-visible

* Add a11y callouts

* Remove duplicate for now

* More code review feedback
2023-01-03 22:23:46 -08:00
Mark Otto
89f9ffc212 Rewrite some callouts to remove most headings and reduce their content 2023-01-03 22:21:52 -08:00
Julien Déramond
f692ecdd5b Docs: fix accordion flush description 2023-01-03 19:42:58 -08:00
Julien Déramond
8546804325 Add webpack build to webpack guide 2023-01-03 19:40:58 -08:00
Patrick H. Lauke
9013c9884e
Docs: add explanation of the base .btn class (#37275)
* Docs: add explanation of the base `.btn` class

and a callout reminding authors to at least define some focus styling if they intend to use it "naked"

* Turn callout into a warning

* Add initial heading

* Tweak callout wording
2023-01-03 11:28:27 +00:00
AucT
19d547be3d
fix live toast demo (#37590)
* fix live toast demo

* Fix live toast demo

* Update snippets.js

* Update toasts.md

* Update snippets.js

* Code review comments addressed

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-01-02 22:06:09 -08:00
Julien Déramond
e60002b1fc Docs: add CSS variables section in close button section 2023-01-02 11:39:13 -08:00
Louis-Maxime Piton
0d64dc6dfc
Docs: offcanvas toggles accessibility fixes, fully hide layout template input
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-01-02 16:07:48 +00:00
XhmikosR
dbdfab8a95
Update tooltips.md 2023-01-02 17:44:55 +02:00
Patrick H. Lauke
2cc580e2d1
Docs: remove remnants of Twitter / bump dates (#37779) 2023-01-01 16:30:53 -08:00
Patrick H. Lauke
1b39d1275b Docs: Remove unnecessary id/aria-labelledby from accordion examples
Follow-up to https://github.com/twbs/bootstrap/pull/37718
2022-12-30 16:50:10 -08:00
Julien Déramond
4b12084a2a Docs: enhance Focus ring example section desc 2022-12-30 16:48:07 -08:00
Mark Otto
9e17b2b34c
Focus ring helper and utilities (#33125)
* Add global variables for box-shadow focus rings

* Update instances of -btn-focus-box-shadow to use -ring-box-shadow, unless it's for buttons or inputs

* fix variable name

* Add CSS variables for global focus styling, document it

* Move to CSS vars section

* Update scss/_nav.scss

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>

* Helper and utils

* Fix bundlewatch

* Change 'Focus ring' in sidebar so that the page can be visible

* Minor typo fix

* fix merge

* Revamp some more, improve docs

Co-authored-by: Gaël Poupard <ffoodd@users.noreply.github.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2022-12-29 14:19:22 -08:00
Julien Déramond
433558dec2 Docs: replace dark btns by primary ones from Button group docs to avoid issues in dark mode 2022-12-29 12:28:52 -08:00
Julien Déramond
8befabbde9
Docs: display examples based on the docs current color mode (#37562)
* Docs: display examples based on the docs current color mode

* Fix _default/examples.html
2022-12-28 22:58:35 -08:00
Julien Déramond
baf5d4c4c1 Fix CSS variables mentioned in our docs 2022-12-28 22:17:16 -08:00
Mark Otto
7d9aa9d716
Add .nav-underline modifier class (#33126)
* Add .nav-underline modifier class

* Tweak sizing and spacing, add underline on hover

* Rebuild with Sass and CSS variables

* Document CSS vars

* Bump bundlewatch
2022-12-28 21:55:54 -08:00
Ben Koshy
752be8657d
Improve readability in docs flex page (#34647)
It's not easy to otherwise correlate the examples with the relevant classes: you'd have to mentally count and correlate them. This obviates that need. Please see the image below to see the usefulness of the above.

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-28 13:19:55 -08:00
Hannah Issermann
a99234d528
Use aria-labelledby to associate form-text (helper) with input field … (#37587)
* Use aria-labelledby to associate form-text (helper) with input field when it contains mandatory info (e.g. data format)

* Example in input-group needs aria-describedby (or aria-labelledby) too

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-28 13:19:34 -08:00
Teaca-Sebastian
f9827ac8d8 Update /#color-schemes to v5.3 2022-12-28 13:00:06 -08:00
Julien Déramond
39c51aa3eb Docs: change some title containing '&' to bypass Algolia issue 2022-12-26 15:36:16 -08:00
Mark Otto
6295d3ba36
Few miscellaneous docs fixes (#37625)
* Update hero button color

* Fix link color on examples index

* Move .bd-btn-lg to docs buttons partial, move larger border-radius to that class so medium buttons don't look odd

* Undo the markup split

* Round padding up to whole number
2022-12-26 11:32:43 -08:00
Patrick H. Lauke
492187de64
Remove unnecessary id/aria-labelledby from cheatsheet accordions (#37718)
Explicit labelling (which then would also benefit from a `role="group"` or similar role) is only optional, and not really appropriate just for a cheatsheet

https://www.w3.org/WAI/ARIA/apg/patterns/accordion/

Closes #37591
2022-12-26 00:11:36 +00:00
Julien Déramond
9bd7228ed6 Remove some unused SVGs in Dropdowns example 2022-12-24 14:47:55 -08:00
XhmikosR
cf9454caa0
Release v5.3.0-alpha1 (#37661)
* Bump version to 5.3.0-alpha1

* Dist

* Add docs versions updates

* Update note in homepage hero

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-24 18:37:22 +02:00
Mark Otto
cf3c1535e6 Update docs and package information to clarify license 2022-12-20 14:24:43 -08:00
Julien Déramond
57228a6b65 Docs: fix typo for Sass vars references in Customize > Color modes > Building with Sass 2022-12-20 12:55:10 -08:00
Louis-Maxime Piton
33dd82448c
Docs: remove Webpack reference in Parcel guide (#37670) 2022-12-19 18:34:18 +01:00
XhmikosR
e1315d11f2
docs: move color-mode script (#37658)
* docs: move color-mode script

* Move color-modes.js in static folder

* Async load color-modes.js

* Switch to DOMContentLoaded

* Revert async loading
2022-12-18 14:32:17 -07:00
Vipin Mishra
9d64a983ee
Fix grid and alignment of Features example (#37502)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-12-18 08:12:19 +01:00
XhmikosR
d16efb79b6
Update javascript.md (#37566) 2022-12-01 09:59:45 +02:00
Julien Déramond
93c09e7034
Docs: fix 'Usage > Enable dark mode' code example (#37553) 2022-11-29 08:38:27 +01:00
Patrick H. Lauke
0444d2cfe5
Docs: rewrite/reorganise carousel docs page (#37354)
* Instantiate/initialize all non-autoplaying carousels in docs pages

* Rewrite/reorganise carousel docs page

* start with static/non-autoplaying examples
* explicitly mention that carousels currently need to be manually initialized
* split out and explain autoplaying and the weird "autoplay after first interaction" behaviour, as well as the pause on hover/focus

* Add callout about autoplaying and accessibility

* Don't have the dark variant example autoplay

* Add "autoplaying" to cspell custom dictionary

* Tweal wording, move Page Visibility API to autoplay section

* Tweak explanation for methods, add line break in js code for consistency with last code block on the page

* Tweak method descriptions

* Tweak headings (plural "carousels")

* Move some paragraphs out of intro and into basic example, reword the nested and accessibility paragraph

* Tweak warning about `.active` slide

* Tweak callout wording

* Further prose tweaks

move the sentence about not double-initialising autoplaying carousels to the callout right at the top
instead of talking about `data-bs...` attributes, talk about the "option" instead, as authors may be setting these not via data attributes, but at instatiation time with options in the constructor
remove the incorrect statement about pausing when keyboard focus is in the carousel

* Instantiate/initialize all non-autoplaying carousels in docs pages

* Rewrite/reorganise carousel docs page

* start with static/non-autoplaying examples
* explicitly mention that carousels currently need to be manually initialized
* split out and explain autoplaying and the weird "autoplay after first interaction" behaviour, as well as the pause on hover/focus

* Add callout about autoplaying and accessibility

* Don't have the dark variant example autoplay

* Add "autoplaying" to cspell custom dictionary

* Tweal wording, move Page Visibility API to autoplay section

* Tweak explanation for methods, add line break in js code for consistency with last code block on the page

* Tweak method descriptions

* Tweak headings (plural "carousels")

* Move some paragraphs out of intro and into basic example, reword the nested and accessibility paragraph

* Tweak warning about `.active` slide

* Tweak callout wording

* Further prose tweaks

move the sentence about not double-initialising autoplaying carousels to the callout right at the top
instead of talking about `data-bs...` attributes, talk about the "option" instead, as authors may be setting these not via data attributes, but at instatiation time with options in the constructor
remove the incorrect statement about pausing when keyboard focus is in the carousel

* Fix relative link

* Update site/assets/js/snippets.js

Co-authored-by: GeoSot <geo.sotis@gmail.com>

* Fix snippet.js

* Tweak content organisation just a bit

Co-authored-by: GeoSot <geo.sotis@gmail.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-11-28 23:20:35 -08:00
Patrick H. Lauke
26a3ef1bcb
Rework progress bar markup and styles (#36831)
* Rework progress bar markup and styles

Logically moves the various `role` and `aria-` attributes to the `.progress` element itself, leaving the `.progress-bar` to be used purely for the visual presentation. This fixes the problem #36736 that in certain browser/AT combinations, zero-value/zero-width progress bars are completely ignored and not announced.

For multiple/stacked progress bars, this PR introduces a new wrapper and class `.progress-stacked`, to accommodate for the fact that with the more logical structure above, we need full `.progress` elements with child `.progress-bar` elements, and can't get away with the fudge we had before of having a single `.progress` with multiple `.progress-bar`s.

Note that the old markup structures still work with this change, so this could be considered a non-breaking change - though one we definitely want to highlight as it's more accessible (as it now guarantees that zero-value/zero-width progress bars, whether on their own or as part of a multi/stacked bar, are actually announced)

* Add a note about progress bar change in migration guide

* Add notes with old markup examples and explanation

* Fix bundlewatch

* Update site/content/docs/5.2/components/progress.md

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

* Reintroduce deleted styles

Turns out they're needed for correct positioning of text inside progress bar

* Move changes in markup to Migrationg guide, link to that from top of progress page, rewrite some content

* Fix typo in callout

* Clarify "Sizing" section

* Remove redundant "now"

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-11-28 23:07:48 -08:00
EricDunsworth
019a977481
Docs: Add black text/background examples (#37538)
These classes have existed since 5.1 but weren't previously documented.

Specifically:

* .text-black

* .bg-black

* .bg-black.bg-gradient

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-11-28 23:07:27 -08:00
Mark Otto
fc3f4b67d6
Add dark mode support (#35857)
* Add dark mode to docs

* Minor fix: missing space indentation

* Minor fix: revert utilities/z-index added-in modification

* Remove prev: and next: from doc because extracted to another PR

* Use .bg-body-tertiary in all Utilities > Overflow examples

* fix example

* Fix up spacing examples

* Update box-shadow Sass variables and utilities to auto-adjust to color modes

* Remove unused docs class

* Refactor form styles to use CSS variable for background images on .form-check and .form-switch

* Fix docs selector

* Rename shortcut for clarity

* Heading consistency

* Reintroduce missing 4th grid item in Utilities > Spacing example

* Fix bundlewatch

* .bd-callout* rendering is OK so removing comments in the code

* Update scss/_utilities.scss

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

* Fix gutters example styling

* Fix text colors on background utils docs

* redesign and fix up position marker example, which doesn't show nicely in darkmode but at least isn't broken

* fix some color utils examples

* Deprecate mixin notice

* Deprecate notice for list-group-item-variant() mixin

* Revamp new link CSS vars

* Use map-keys in some each Sass files

* Remove list-group-item-variant mixin ref in sass loop desc

* Display CSS vars scoped to our built-in dark mode

* Revert previous commit

* Fix list group variant link

* Fix typo

* Remove imports of alert/list-group mixins in scss/_mixins.scss

* Small formatting + comments removal in scss/_content.scss

* Fix alert links colors

* fix dropdown border-radius mixin

* fix link color and underline again, this time using CSS var override for color var and fallback value for the underline

* fix colors on docs navbar for dark mode

* remove two changes

* missing ref

* another link underline fix, just use sass vars for link decoration for now

* missing color bg docs, plus move dropdown override to scss

* more changes from review

* fix some examples, drop unused docs navbar styles, update docs navbar color mode to use mixin

* Few fixes around type

- Restored CSS variable for color on headings, this time with a fallback value
- In conjunction, restored and wrapped the default CSS var with a null value check
- Split headings and paragraphs docs in Reboot, elaborated on them

* Restyle custom details > summary element in docs

* Rewrite some migration docs

* fix form checks

* Fix up some navbar styling, tweak docs callout

* Fix select images, mostly for validation styling

* Clean up some migration notes, document some new form control CSS vars, mention new variables-dark in sass docs

* Update site/content/docs/5.2/components/scrollspy.md

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

* Apply suggestions from code review

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

* mention form control css vars in migration guide

* Tweak grid and flex docs background examples

* clarify some docs

* fix some more things

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-11-28 22:30:26 -08:00
Christian Oliff
a1a9895aac
Docs: fix typo in Navbars example (#37535) 2022-11-25 22:30:10 +01:00
Daniel Raymond
5f67d38bb2
Grid Gap Updates (#37413)
* Grid Gap Updates

- added column-gap
- added row-gap

* Grid Gap Updates

* Bundlewatch update

* Apply suggestions from code review

Co-authored-by: Daniel O <dobiekwe@byteworks.com.ng>
Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-11-15 18:51:44 -08:00
Ryan Mortier
46a7035ab2
Update input-group.md with form text example (#37406)
* Update input-group.md with form text example

This updated example shows where to correctly put form text (i.e. not inside the input group).

* Fix markup

* Update input-group.md

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2022-11-14 09:54:40 -08:00
Julien Déramond
e071e914ce Docs: fix margins between cards in examples 2022-11-14 09:05:20 -08:00
Mark Otto
6bd7170a73
Docs: Make added-in badge page-level for z-index utilities (#37491) 2022-11-14 07:37:49 +01:00
Patrick H. Lauke
0446e22b5a
Docs: use <button> for dropdown/popover examples, explain preference over <a> for dropdowns, tweak collapse prose (#37432)
* Expand dropdown explanation for use of `<a>`, use `<button>`s for modal examples

* Remove redundant `role="button"` from collapse test `<button>` elements

* Tweak language

* Tweak collapse prose
2022-11-12 09:21:33 -08:00
Julien Déramond
eed6b4a175 Docs: Slightly improve tooling setup description 2022-10-30 19:42:31 -04:00
Mark Otto
2732f686b9 Change title of color-background.md page
Fixes #37342
2022-10-30 18:08:57 -04:00
jonnysp
8fd4c3e12f Update z-index.md
changes the example. so that the effect can be seen.
2022-10-29 20:31:31 -04:00
Julien Déramond
06bed9b45a
Fix disabled floating labels and add some examples of it in the docs (#37299)
* Fix disabled floating labels and add some examples of it in the docs

* Add disabled custom height textarea
2022-10-29 20:30:59 -04:00
Jeldrik Hanschke
678dde8f98
Font style utilities did not contained "-style-" in BS4 (#37361)
* Font style utilities did not contained "-style-" in BS4

* Update site/content/docs/5.2/migration.md

Co-authored-by: Mark Otto <otto@github.com>
2022-10-29 20:30:45 -04:00
XhmikosR
a7a2253507
docs: remove moot newlines (#37379) 2022-10-26 08:37:04 +03:00
XhmikosR
7166e95388
Markdownlint fixes (#37255) 2022-10-25 21:37:36 +03:00
Julien Déramond
ec68f3d26d
Docs: use 'added' page information to display a tag on top of the pages (#37341) 2022-10-25 21:11:08 +03:00
Mark Otto
0968db8099
Add z-index utilities, .z-* (#37317)
* Add z-index utilities, .z-*

* Fix missing comma in _utilities.scss

* Fix bundlewatch

* Fix lint

* Update site/content/docs/5.2/utilities/z-index.md

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

* custom appearance

* linter

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Julien Déramond <julien.deramond@orange.com>
2022-10-22 17:13:39 -04:00
Mark Otto
bbe1ffdb68
Update navbars example to include a centered nav with utilities (#36523)
* Update navbars example to include a centered nav with utilities

* Update site/content/docs/5.2/examples/navbars/index.html

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

Co-authored-by: Julien Déramond <julien.deramond@orange.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2022-10-22 17:03:29 -04:00
Mark Otto
1095d4a4af
Docs: organize callouts in partials (#37320) 2022-10-16 18:09:33 +02:00
Catalin Zalog
3377ca49a1 docs: fixes text buttons to match behavior 2022-10-12 11:57:05 -07:00
Julien Déramond
16e3f97b82 Doc: add Sass vars for switches 2022-10-12 11:46:23 -07:00
Julien Déramond
137c932e47 Docs: standardize usage of <kbd> 2022-10-12 11:45:46 -07:00
naitsirch
7a2f7b06ce Improve example of .flex-wrap and -reverse
The current example of `.flex-wrap` and `.flex-wrap-reverse` does not really show the difference between those two utilities, because every item is labelled 'Flex item'.

With the added numbers it is more clear what happens and how `.flex-wrap-reverse` works.
2022-10-12 11:45:13 -07:00
Daniel Raymond
708a3a0e39
Utilities for overflow and object fit (#36848)
* Added "overflow-x" and "overflow-y"

- Having the same properties as overflow but for just the x and y axises
- Usecase being I want my y axis to be scrollable but not my x axis
- E.g a card with a vertical list of items.

* Added "object-fit" utilities

- The CSS object-fit property is used to specify how an <img> or <video> should be resized to fit its container.
- A responsive alternative to using background-img for a resizable fill/fit image.

* Updated documantation for the overflow utilities

- Now includes docs for `overflow-x` and `overflow-y` utilities

* Placeholder shortcode updated

- Can now choose to render an img tag or svg
- The image contains a base64 svg generated within the template
- example shortcode updated to detect, replace and render preview of 'img' tags as well

* New documentaion for Object Fit added

- Documentation added for the 'object-fit' util

* Updated spell checks issues

* Update object-fit.md

* Update overflow.md

* Update object-fit.md

* Updated markup to address HTML Validation Errors

- error: Bad value  for attribute "src" on element "img": Illegal character in scheme data: space is not allowed.
- info warning: Self-closing tag syntax in text/html documents is widely discouraged; it's unnecessary and interacts badly with other HTML features (e.g., unquoted attribute values). If you're using a tool that injects self-closing tag syntax into all void elements, without any option to prevent it from doing so, then consider switching to a different tool.

* Updated Fix

- Added Legibility to the img markup (example.html)
- Fixed issue with example not working properly (because image closing tag no longer has "/>" )

* update values by step of 0.25 in bundlewatch.config

The following values in .bundlewatch.config.json have been updated:
- ./dist/css/bootstrap-utilities.css
- ./dist/css/bootstrap-utilities.min.css
- ./dist/css/bootstrap.css
- ./dist/css/bootstrap.min.css

Co-authored-by: Daniel O <dobiekwe@byteworks.com.ng>
Co-authored-by: Mark Otto <otto@github.com>
2022-10-06 13:14:11 -07:00
João Tomás
4822984e19 Fix button hover color in cover example
Replaced .btn-secondary class with .btn-light
2022-10-06 13:12:09 -07:00