* 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
* 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>
* 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
* 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>
* 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>
* 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>
* 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
* 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
* 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`
* 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>
* 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>
* 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
* 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>
