0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-13 01:08:58 +01:00
Commit Graph

2111 Commits

Author SHA1 Message Date
Christian Oliff
2f61721575
Minor fixes for Docs Versions page (#38734) 2023-06-14 00:04:22 +03:00
Kyle Tsang
d8883d753f
Fix stack examples (#38745) 2023-06-14 00:04:00 +03:00
EricDunsworth
6d24ccc9cc
Docs (tooltips): Fix "them" typo in markup section (#38751) 2023-06-14 00:03:34 +03:00
Christian Oliff
bb92ec707a
Fix missing word issue on nav-tabs page (#38688)
Fix the sentence:

> Force your .nav’s contents to extend the full available width one of two modifier classes.

to:

> Force your .nav’s contents to extend the full available width with one of two modifier classes.
2023-06-08 07:49:58 +03:00
Mark Otto
a70852fb02
Fix link colors in Sidebars example (#38711) 2023-06-06 08:14:24 +02:00
Julien Déramond
6e49236541 Docs: consistency between custom buttons, popovers and tooltips 2023-06-03 10:11:12 -07:00
ZhangChengLin
beca2a6c7f collate distribution interval 2023-05-31 19:34:02 -07:00
Gaël Poupard
a4918e33b8
docs(spinners): improve buttons examples accessibility (#38632)
* docs(spinners): improve buttons examples accessibility

* docs(spinners): missed occurrence of wrong role + aria-hidden

---------

Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
2023-05-31 19:32:47 -07:00
Hannah Issermann
b7e351b445
Docs: add more details on accessibility tips (#38583)
* Docs: add more details on accessibility tips

* Docs: add more details on accessibility tips

* Docs: add more details on accessibility tips

* Fix syntax

---------

Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-05-31 19:32:20 -07:00
Julien Déramond
9129e4a073 Doc: fix 'Events' JS example 2023-05-31 19:32:01 -07:00
Gaël Poupard
96b0fd67f5
docs(forms): switch to aria-describedby (#38592)
* docs(forms): switch to aria-describedby

* docs(forms): revert #37587 callout change

* docs(forms): improved sizing select examples labels
2023-05-31 19:30:28 -07:00
Julien Déramond
b5772d4ec2 Use .d-none instead of inline styling 2023-05-31 19:28:32 -07:00
Thomas Landauer
785043c06b
Adding a link to clearfix (#38528)
* Adding a link to `clearfix`

* Update float.md

* Update float.md

---------

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2023-05-31 19:27:47 -07:00
Mark Otto
6bb60152b6
Update Sass docs to mention compiling and including (#38538)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-05-31 19:19:02 -07:00
Ian Haggerty
0d9715e063
Fix disabled element tooltip stackblitz (#38623)
* Load js for disabled button tooltip stackblitz

* Remove surrounding useless `<div>`

---------

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-05-31 07:40:38 +03:00
XhmikosR
c5f46b020c
Update code-examples.js (#38675) 2023-05-31 07:36:19 +03:00
XhmikosR
60098ac499
Release v5.3.0 (#38657)
* Bump version to 5.3.0

* Dist
2023-05-30 18:15:55 +03:00
Mark Cowan
ad9cb223a9
Fix always-false boolean condition (#38665) 2023-05-30 09:00:26 +03:00
Jeroen Akkerman
f0be063c97
Update color-modes.js (#38626)
* Update color-modes.js

Fix IF statement in the prefer-color-scheme change listener always evaluating to `true` and changing the theme to "dark" even when "light" is set as the preferred theme.

| `||` | `x !== "light"` | `x !== "dark"` | Result |
|--|:--:|:--:|:--:|
| `x = "light"` | ○ | ● | ● |
| `x = "dark"` | ● | ○ | ● |
| `x = "auto"` | ● | ● | ● |
| `x = "bogus"` | ● | ● | ● |
<hr>

| `&&` | `x !== "light"` | `x !== "dark"` | Result |
|--|:--:|:--:|:--:|
| `x = "light"` | ○ | ● | ○ |
| `x = "dark"` | ● | ○ | ○ |
| `x = "auto"` | ● | ● | ● |
| `x = "bogus"` | ● | ● | ● |

* Implement re-read of stored theme
2023-05-25 21:18:49 -07:00
Mark Otto
a6dc107dfd
Add data attr selector for dark mode navbars (#38522)
* Add data attr selector for dark mode navbars

* Fix dark example
2023-05-19 09:05:09 -07:00
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
XhmikosR
896c390a25
Update devDependencies (#38537)
* @babel/cli                       ^7.21.0  →  ^7.21.5
* @babel/core                      ^7.21.4  →  ^7.21.5
* @babel/preset-env                ^7.21.4  →  ^7.21.5
* find-unused-sass-variables        ^4.0.8  →   ^5.0.0
* rollup                           ^3.21.0  →  ^3.21.2
* stylelint-config-twbs-bootstrap   ^9.0.1  →  ^10.0.0
2023-05-01 00:40:57 +03:00
Mark Otto
2795421716
Fix sizing on masthead npm i snippet (#38521) 2023-04-27 18:32:56 -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
137bfbad7b
Slightly improve PNG files compression (#38438)
Used oxipng v8.0.0 with `oxipng -omax -Z`.

Before: 331 KB (339.560 bytes)
After:  329 KB (337.647 bytes)
2023-04-11 21:23:12 +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
8986c5e0a5 Fix colors in diff syntax colors 2023-04-10 09:47:11 -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
ac576614a5
Release v5.3.0-alpha3 (#38357)
* Bump version to 5.3.0-alpha3

* Dist
2023-04-03 10:26:50 +03:00
Tien Do
c0107d142e docs: add variables-dark import in home page 2023-04-01 17:35:51 -04:00
Patrick H. Lauke
74c6f2bcfb
Fix clipboard code (#38380) 2023-03-30 16:03:48 +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
Julien Déramond
34c2725fe1
Docs: js-docs unindent automatically the code inside shortcode (#38349) 2023-03-28 17:01:47 +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
XhmikosR
1729bcca1b
docs: remove trailing newline when copying snippets (#38321) 2023-03-27 11:04:52 +03: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
XhmikosR
c877cefcef
Release v5.3.0-alpha2 (#38244)
* Bump version to 5.3.0-alpha2

* Dist
2023-03-24 16:30:16 +02:00
Louis-Maxime Piton
f8a56da8b0
Docs: scss-docs unindent automatically the code inside shortcode 2023-03-24 16:11:22 +02: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
aadfe7edce
Fix comment position in assets/scss/_content.scss (#38281) 2023-03-23 14:31:24 +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
Louis-Maxime Piton
a6d8aa827d
Proposal to use scroll-margin-top instead of introducing padding and negative margin (#38220) 2023-03-19 17:45:46 -07:00
XhmikosR
5d4048350f
Slightly improve examples PNG files (#38270)
Before: 97,4 KB (99.758 bytes)
After:  94,2 KB (96.512 bytes)
2023-03-19 17:42:52 -07:00
Julien Déramond
f52d4a35b3
Fix placeholder shortcode color and background params when 'img' markup (#38263) 2023-03-19 17:42:30 -07:00
Mark Otto
6855ce9512
Revert "Guard more in color-modes.js (#38235)" (#38280)
This reverts commit 474bf2aed1.
2023-03-19 17:35:57 -07:00
Julien Déramond
2d0c94c05a
Docs: make all headings use var(--bs-emphasis-color) (#38262) 2023-03-19 16:57:35 -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
adf7b8dc40
Docs: use core mixins in a couple of places (#38236) 2023-03-15 06:40:58 +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
XhmikosR
474bf2aed1
Guard more in color-modes.js (#38235) 2023-03-14 20:30:11 +02:00
Julien Déramond
c57be44686
Docs: consistent usage of CSS sections (#38175) 2023-03-13 11:41:27 +01:00
Julien Déramond
59c556cea6 Drop unused bootstrap-social-logo.png 2023-03-10 12:36:46 -06: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
Hannah Issermann
fd7cfac4cb
Improve docs on Modals, Alerts, Offcanvas and Toasts close triggers examples (#38182)
* Improve docs on Modals, Alerts, Offcanvas and Toasts close triggers examples

* Update site/layouts/shortcodes/js-dismiss.html

Co-authored-by: Julien Déramond <juderamond@gmail.com>

---------

Co-authored-by: Mark Otto <markdotto@gmail.com>
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2023-03-10 11:23:59 -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
louismaxime.piton
8e27427fd9 Improve scss-docs link 2023-03-10 11:16:59 -06:00
louismaxime.piton
1f7e7ebd10 Better use the CSS 2023-03-10 11:15:33 -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
Patrick H. Lauke
d5f4532b3e
Docs: fix overflow:auto horizontal scrollbars covering last line of code blocks (#37694)
* Add dirty hack for Firefox

* Disable stylelint check for function-url-quotes

to make the hack go through unchallenged

* Make the fix across all browsers

It's not just Firefox - same issue can be seen (though slightly less horrible looking) on macOS / Chrome etc

* Tweak padding, move clipboard button down slightly

* Further CSS tweaks

Forcing `overflow: overlay` should normalise behaviour between Chrome/Win and other implementations. While visually the Chrome/Win scrollbar still looks big and ugly, its height/spacing is now taken into account as being part of the content, so styles can be applied consistently with extra padding at the bottom

* Linting fixes

* Linting fixes

* Apply suggestions from code review

---------

Co-authored-by: Mark Otto <markd.otto@gmail.com>
2023-03-04 12:05:54 -08: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
80ba848443
Docs: fix code indentation in homepage JavaScript plugins section (#38112) 2023-02-25 19:05:15 +01:00
Julien Déramond
6b4b77e320
Docs: Drop unused .focused style (#38087) 2023-02-25 18:18:04 +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
Julien Déramond
31221272e0
Fix console error in examples pages du to no theme switcher (#38074) 2023-02-17 08:56:30 +02:00
Julien Déramond
42e99cc59f
Reduce size of guide dev server images (#37741)
* Reduce size of guide dev server images

* Optimised images with calibre/image-actions

* Lossy compress new images

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
2023-02-15 10:41:33 -08: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
Patrick H. Lauke
d0fece9320 Docs: add scroll-margin-top for keyboard navigation 2023-02-14 08:53:25 -08:00
Julien Déramond
30e8d139fe
Remove unused partials and add some way to automatically detect it (#38004)
* Add docs-check-unused-templates in npm commands and workflow

* Remove unused partials icons templates
2023-02-14 08:48:44 -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
Julien Déramond
9f5dca0777
Remove debug references from DocSearch v2 (#38032) 2023-02-11 08:04:09 +01: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
Mark Otto
82391bc7b7
Theme color improvements (#37953)
* Use tint-color() and shade-color() functions to generate new color mode adaptive theme values

* More consistent shading

* Fix callouts use of emphasis variables

* Use tint and shade functions on link and code colors for dark mode
2023-01-25 18:11:22 -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
louismaximepiton
e8b7d38276 Correction 2023-01-17 10:38:51 -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
779baab369
Small color mode docs CSS fixes (#37896)
* SImplify background gradient syntax

* Move inline style to CSS file
2023-01-16 16:56:50 -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
39905711fa Remove autofocus on theme switch when page is loaded 2023-01-08 15:39:31 -08:00
Julien Déramond
980116e02f Docs: missing deprecated callout for list-group-item-variant() mixin 2023-01-07 14:52:43 -08:00
Julien Déramond
7399b13052 Docs: fix .btn-clipboard and .btn-edit link hover color 2023-01-06 11:42:32 -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
1b83ab24fc Docs: remove some CSS from .highlight-toolbar def 2023-01-05 19:29:17 -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
Julien Déramond
803d9d405c
Docs: fix headings color in light/dark mode (#37802) 2023-01-04 08:47:31 -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
Mark Otto
da1c968965 Remove dark mode --bs-heading-color value, set to null, and add custom styles for the docs dark mode headings 2023-01-03 19:36:20 -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
Mark Otto
3ee2a75495 Use Bootstrap colors in syntax highlighting 2023-01-02 22:06:59 -08: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
Mark Otto
d0b0fec409 Fix code color in callouts 2023-01-01 22:33:54 -08:00
Patrick H. Lauke
212c0dfd07
Docs: Make theme switcher accessible (#37780)
* Make theme switcher accessible

* set an explicit `aria-label` to the switcher (as the `<span>` is not sufficient, as it can be display:none'd and then the button has no accName)
* make the theme buttons actual `aria-pressed` toggles

* Dynamically update aria-label for theme switcher

* Explicitly reset focus after activating theme

* Use innerText for the constructed dynamic aria-label

this way, if the text ever gets changed in the html, this will adapt appropriately

* Tweak accessible name for the dropdown

* Fixup

* Use `textContent` instead of `innerText`
2023-01-01 21:54:46 -08: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
1a043b55bc Docs: enhance callouts links on dark mode 2022-12-29 13:32:09 -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
Mark Otto
fabe074199 Darken some text emphasis and syntax colors 2022-12-29 12:28:02 -08:00
GeoSot
a9810ece61
Use scrollspy on docs pages (#33428)
* use scrollspy on docs pages

* Update colors by taking into account new dark mode

* Restyle it

* Update colors once more

* Fix some color contrast issues

Co-authored-by: Julien Déramond <juderamond@gmail.com>
Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-29 12:11:01 -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
993ad97fdc
Docs: handle light/dark mode in Algolia search modal (#37738)
* Docs: handle light/dark mode in Algolia search modal

* Improve scopes
2022-12-27 16:43:42 -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
Julien Déramond
21956ee6f4 Drop logo on homepage on mobile 2022-12-26 11:03:32 -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
XhmikosR
b613cfb58b
docs: improve social image partial (#37717)
* Fix social image URL to be absolute

* Deduplicate social.html

* Get image dimensions with Hugo
2022-12-25 18:14:27 +02: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
Julien Déramond
41f62c5a11
Fix Sass compilation when $color-mode-type is set to media-query (#37687)
* Fix Sass compilation when `$color-mode-type` is set to `media-query`

* Update mixin names, fix docs color modes for using media queries by using mixin

Co-authored-by: Mark Otto <markdotto@gmail.com>
2022-12-21 08:52:07 +02:00
Mark Otto
f6687e99b5 Follow up 2022-12-20 14:25:36 -08: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
Louis-Maxime Piton
6807008159
Docs: replace some --#{$prefix} by --bs in Sass files (#37617)
Co-authored-by: Julien Déramond <juderamond@gmail.com>
2022-12-18 08:19:33 +01: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
Julien Déramond
ab382104e6
Add new team member to the Teams page (#37615)
Co-authored-by: Mark Otto <otto@github.com>
2022-12-09 07:30:09 +01:00
XhmikosR
18fec8bf36
code-examples.js: switch to firstElementChild (#37570)
This ensures that we will get the first element child and not text
2022-12-01 20:14:33 +02:00
XhmikosR
d16efb79b6
Update javascript.md (#37566) 2022-12-01 09:59:45 +02:00
Julien Déramond
7c7f6ea933
Remove title from 'check2' icon SVG (#37568) 2022-11-30 22:59:26 +01: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