aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.1/utilities
AgeCommit message (Collapse)AuthorFilesLines
2022-05-13Prepare v5.2.0-beta1Mark Otto17-2487/+0
2022-05-11Doc: fix text overflow exampleJulien Déramond1-1/+1
2022-05-05Iterate on border utilities (#36239)Mark Otto1-4/+19
* Remove `--bs-border-opacity: 1` from `.border-*` utilities We set `--bs-border-opacity: 1` globally at the `:root` level, so redeclaring it on every `.border-*` utility doesn't make much sense. I think we can drop this. * Remove global border-opacity var, restore on .border-color classes, move .border-color utils down the list to fix some specificity issues * Add some demos of border utils to the docs
2022-04-30Update new docs version picker to work on home and examples pages (#36245)Mark Otto1-0/+1
* Update new docs version picker to work on home and examples pages * Add addd key to opacity page * Add more added frontmatter * Update picker to fix migration guide links, but still work for docs and examples
2022-04-29Revert `border-color` change (#36238)Mark Otto1-2/+6
* Revert `border-color` change * Add new border-color-translucent for when we want optional alpha-transparency in our border-color Apply to drodpowns, modals, offcanvas, popovers, and toasts * bundlewatch
2022-04-19Refactor some docs examples CSS (#36194)Mark Otto2-274/+274
* Fix some more borders and margins * Flex utilities docs: remove .bd-highlight class from snippets * Explicit close target * Reorder to keep base class up top * Fix custom position example * Tooltips: add code snippet, use scss-docs ref for custom tooltip * Tweak text for pagination examples * Modals: move custom styles to utilities * Grid docs: Combine selectors and share coloring * Refactor tons of little things
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto2-2/+4
* Add responsive offcanvas classes - Updates navbar-expand classes to de-dupe some styles—these shouldn't interfere now. - Adds some JS to the offcanvas component to help with responsiveness Co-Authored-By: GeoSot <[email protected]> * Redesign homepage, docs, and examples Homepage: - New Bootstrap purple navbar - Redesigned masthead - Rewrote and redesigned homepage content - Replace Copy text with icons like Bootstrap Icons site across all ClipboardJS instances - Fixed padding issues in site footer - Match homepage button styles to examples page, use gap instead of tons of responsive margin utils Docs: - New navbar, no more subnav. Migrated search and version picker into the main navbar and refreshed the design of it all, including the responsive toggles. - New sidebar navigation is always expanded, and now features Bootstrap Icons alongside section headings - Sidebar navigation autoscrolls to active link for better usability - Subnav and navbar padding issues ironed out - Enhanced the version picker in anticipation of v5.2: we can now link right to the same page in the previous version. - Redesign callouts to add more color to our pages - Collapse table of contents on mobile - Cleanup and redesign button styles with CSS variables - Update design for subnav version dropdown - Update highlight and example to be full-width until md - Improve the Added In badges - Turn the ToC into a well on mobile - Redesign code snippets to better house two action buttons Examples: - Redesign Examples page layout - Add new example for responsive offcanvases in navbars * Convert offcanvas to CSS vars * Feat: add resize handler to Offcanvas.js. If we could use as default the `.offcanvas` class without modifiers, we then, could add a simplified selector The selector itself, ignores the .offcanvas class as it doesn't have any responsive behavior The `aria-modal` addon is to protect us, selection backdrop elements * Separate examples code, Add some selectors, fix stackblitz btn Co-authored-by: GeoSot <[email protected]>
2022-04-07Revert border-color utilities to use the CSS property instead of the variableMark Otto1-0/+6
2022-03-14Rewrite docs tables in Markdown with table shortcode (#31337)Mark Otto1-66/+18
Co-authored-by: XhmikosR <[email protected]> Co-authored-by: GeoSot <[email protected]>
2022-03-12Convert added in badges to shortcode (#36007)Mark Otto3-3/+3
2022-03-11Redesign the "Added in" badges in the docs (#35980)Mark Otto3-3/+3
Co-authored-by: XhmikosR <[email protected]>
2022-03-11Adjust border-radius values and add some new utilitiesMark Otto2-0/+3
- Updates global border-radius values for a more modern appearance - New .fw-semibold - New .rounded-4 and .rounded-5
2022-02-28Convert border utilities to CSS variablesMark Otto2-8/+50
- Updates the utilities mixin to check for specific CSS variable names via `css-variable` - Bonus fix: we now prevent local variables for `0` value utilities (e.g., `.border-top-0` no longer sets `--bs-border-opacity: 1` - Adds new `.border-opacity-*` classes - Adds new root variables: `--bs-border-color`, `--bs-border-style`, `--bs-border-width` - Documents the new variable changes
2021-12-28Update api.md (#35486)Anton1-2/+24
* Wording tweak * Tweak wording Co-authored-by: Patrick H. Lauke <[email protected]>
2021-12-14docs: Add responsive variations for align-content-between (#35532)Ty Mick1-0/+1
Co-authored-by: XhmikosR <[email protected]>
2021-11-23Add missing scss/maps imports (#35373)Julien Déramond1-0/+5
Co-authored-by: XhmikosR <[email protected]>
2021-11-15Move reassigned Sass maps for colors to another stylesheet (#34942)Mark Otto2-4/+4
2021-11-03Update import stacks required for modifying utilities (#35320)Mark Otto1-0/+10
2021-09-06Disabled link cleanup (#34886)Patrick H. Lauke1-3/+6
* Disabled link cleanup per https://www.w3.org/TR/html-aria/#docconformance > It is NOT RECOMMENDED to use `aria-disabled="true"` on an `a` element with an `href` attribute. > >NOTE >If a link needs to be "disabled", remove the `href` attribute. This PR removes the unnecessary `href="#"`, `tabindex="-1"`, and `aria-disabled="true"` from disabled links in both docs pages and examples. `aria-disabled="true"` *is* kept for disabled link-based buttons (that have `role="button"`) as there it's appropriate to use (you *want* to convey to assistive technologies that this thing you're claiming is a button is also disabled at the moment) Further, the PR extends the "Link functionality caveat" to show the "proper" way (removing `href` and adding `.disabled` class only) to disable a link, but then explains what to do if that's not possible (and then keeps an example with all the traditional `href="#" tabindex="-1" aria-disabled="true"`, but explains clearly that it's not ideal). Same sort of explanation is also added to the pointer event utilities page * Turn big note into actual normal doc text Co-authored-by: Mark Otto <[email protected]> Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-08-04Prepare v5.1.0. (#34674)v5.1.0XhmikosR17-0/+2421