* rename to .stylelintrc.json
* add reportInvalidScopeDisables to config
* move reportNeedlessDisables to config
* merge the two configs
* remove unneeded disabled rules from the examples config
* 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>
* 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
* 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>
* 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>
* 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>
* 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
* 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>
* 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>
* 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
* 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
* 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>
* Add .nav-underline modifier class
* Tweak sizing and spacing, add underline on hover
* Rebuild with Sass and CSS variables
* Document CSS vars
* Bump bundlewatch
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>
* 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>
* 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