0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-07 04:54:24 +01:00

1964 Commits

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