aboutsummaryrefslogtreecommitdiff
path: root/site/content/docs/5.1/examples
AgeCommit message (Collapse)AuthorFilesLines
2022-05-13Prepare v5.2.0-beta1Mark Otto78-10709/+0
2022-05-11Remove unused `.border-right` rule from modal example CSS fileJulien Déramond1-2/+0
2022-04-28Doc: fix offset content for examples pageJulien Déramond1-1/+1
2022-04-19Realign Cheatsheet nav tabs example rendering with the examples in the docJulien Déramond1-3/+3
2022-04-18change `.border-right` to `.border-end`Toto1-1/+1
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto3-24/+187
* 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-12Use Babel and ES6 in docs JS files (#31607)Tiger Oakes6-35/+34
* Pass docs js through Babel * Use ES6 in docs js * Only run babel on src files * Allow babel in Hugo * Update scripts.html * Inherit from the root .eslintrc.json * Use `Array.from` * Drop Babel from docs * Prefer template * replace IIFE with arrow functions Co-authored-by: XhmikosR <[email protected]> Co-authored-by: GeoSot <[email protected]>
2022-04-08Update devDependencies (#36120)XhmikosR1-1/+1
* Update devDependencies * @babel/core ^7.17.8 → ^7.17.9 * @popperjs/core ^2.11.4 → ^2.11.5 * clean-css-cli ^5.5.2 → ^5.6.0 * eslint-plugin-import ^2.25.4 → ^2.26.0 * find-unused-sass-variables ^4.0.3 → ^4.0.4 * karma-rollup-preprocessor ^7.0.8 → ^7.0.7 * sass ^1.49.11 → ^1.50.0 * stylelint 14.2.0 → ^14.6.1 * Fix currentcolor case
2022-03-31Fix duplicate `.rounded-*` and `.fw-semibold` defs in examplesJulien Déramond6-27/+27
2022-03-17Add another list-group snippet exampleMark Otto2-1/+62
2022-03-01docs(example): fix RTL carousel exampleGaël Poupard2-1/+3
2022-02-25Remove border of disabled calendar buttons in Dropdowns exampleJulien Déramond1-0/+1
2022-02-23Docs: replace CSS by utilities in examples (#35699)Julien Déramond35-436/+240
* Drop .opacity-50 and .opacity-75 redefinition in examples * Drop unused .card-img-right from blog example CSS files * Use line-height utilities when possible * Use rounded-* utilities in examples * Replace .nav-underline by .nav-scroller and use it in examples.html default * Use .mb-1 for .blog-post-title * Remove unused CSS rule and use .fw-* utilities for carousels examples * Use utilities for cheatsheet examples * Extract some CSS to utilities for .nav-masthead .nav-link in cover example * Dashboard group of minor modifications * Dropdowns example: refactoring * Dropdowns example refactoring: fix linting by removing selector by id * Features example refactoring * Headers example refactoring * List groups example refactoring * Sidebars example refactoring * Sign-in example refactoring * Starter template refactoring * Fix RTL examples Co-authored-by: Mark Otto <[email protected]>
2022-02-22Rely on `border-width` for `<hr>` size (#35491)Gaël Poupard2-0/+8
* fix(reboot): revert hr styles to v4 implementation * docs(cheatsheet): add a hr example * fix(reboot): currentColor is the initial border-color value * Document hr element in Reboot docs * Update migration guide * Update scss/_variables.scss Co-authored-by: Mark Otto <[email protected]>
2022-02-22remove opacity utlitilies from example CSS (#35877)Christian Oliff1-3/+0
These are included in Bootstrap itself now Co-authored-by: XhmikosR <[email protected]>
2022-02-14Convert dropdowns to CSS variablesMark Otto1-4/+4
2022-02-09Remove remaining `.navbar-light` classes (#35814)Julien Déramond2-4/+4
* Fix typo in CSS variables documentation * Drop remaining .navbar-light classes
2022-02-08Convert navbar to CSS variablesMark Otto1-2/+2
Co-Authored-By: Gaël Poupard <[email protected]>
2022-01-29docs: fix a couple typos found with codespell (#35733)Dimitri Papadopoulos Orfanos2-4/+4
Co-authored-by: XhmikosR <[email protected]>
2022-01-25Fix spelling mistake in footer example (#35704)Kirill Zdornyy1-1/+1
2022-01-19Docs: group together reusable CSS for examples in a single stylesheet (#35649)Julien Déramond10-128/+25
* Docs: group together examples reusable CSS in a stylesheet * Use pointer-events utility in sidebars example * Remove @import and move the content into _default/examples.html. Handle 2 sorts of dividers * Remove footers.css extra css declaration * Fix modals example * Review: remove .b-example-hr Co-authored-by: Gaël Poupard <[email protected]>
2021-12-18docs: A fix for CSS Variables and some proposal (#35563)Louis-Maxime Piton2-2/+2
* docs: Fix CSS variables sections * Minor fix for dropdowns * Minor fixes for URLs Co-authored-by: XhmikosR <[email protected]>
2021-12-14Update stylelint and stylelint-config-twbs-bootstrap (#35438)XhmikosR4-11/+11
2021-12-07Replace inline styles in example "Dropdowns" (#35483)Anton1-9/+9
2021-11-23Make footer examples responsive to mobile screens (#35365)Neeraj Kumar Das1-13/+13
2021-11-01Add missing `role="search"` and `type="search"` in navbar doc and examples ↵Julien Déramond10-35/+35
(#35223) * Add missing `role="search"` and `type="search"` in navbar doc and examples * Update site/content/docs/5.1/components/navbar.md * Remove warning callout about ensuring correct search role in navbar doc Co-authored-by: Gaël Poupard <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-11-01update grid example docs (#35308)Christian Oliff1-2/+2
2021-10-21Fix typo in RTL Hello World! sentence (#35236)Gaël Poupard1-1/+1
* docs(RTL): fix typo in Hello World! sentence * chore(docs): Cspell arabic words update
2021-10-05Enable `unicorn/prefer-prototype-methods` ruleXhmikosR1-1/+1
2021-09-28examples: Add `role="switch"` to switches (#35022)Julien Déramond2-4/+4
2021-09-08fix predefined typo (#34922)Christian Oliff1-1/+1
2021-09-07Typo fixes (#34914)XhmikosR1-1/+1
2021-09-06Disabled link cleanup (#34886)Patrick H. Lauke11-29/+29
* 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-18dashboard-rtl: use the same scripts as the dashboard example (#34766)XhmikosR1-4/+4
2021-08-04Prepare v5.1.0. (#34674)v5.1.0XhmikosR77-0/+10779