aboutsummaryrefslogtreecommitdiff
path: root/site/data/examples.yml
AgeCommit message (Collapse)AuthorFilesLines
2023-04-05Docs: add missing `twbs/examples` and change sorting (#38407)Julien Déramond1-9/+19
* Docs: add missing twbs/examples * Change sorting of examples.yml --------- Co-authored-by: XhmikosR <[email protected]>
2023-03-24Fix reference to twbs/examples/icons-font + fine-tune index.html SB location ↵Julien Déramond1-1/+4
target (#38310) * Fix reference to twbs/examples/icons-font + fine-tune index.html SB location target * Use urlquery * Add `rel="noopener"` --------- Co-authored-by: XhmikosR <[email protected]>
2023-02-14WIP: New snippet examples (#36309)Mark Otto1-0/+8
* Start work on some new snippet examples * Update for dark mode, fixes * Add images, update descriptions * examples fixes
2023-01-04Include twbs/examples in the Examples pageMark Otto1-0/+26
2022-07-29Fix typos after #36762 (#36771)Julien Déramond1-1/+1
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto1-0/+2
* 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]>
2021-06-22Add four new snippet examples (#33882)Mark Otto1-0/+8
* Add four new snippet examples - Dropdowns - Footers - List groups - Modals * Fix HTML linter errors * more linter
2021-03-22Update examples (#33214)Mark Otto1-0/+14
* Add updated Jumbotron example made from utilities * Update starter template example with new design and links * Update some existing examples and their screenshots * Add four new snippet-based examples * Update layout to improve things a bit * WIP * Add d-block to images * Fix horizontal scroll * move d-block to the anchor Co-authored-by: XhmikosR <[email protected]>
2021-03-02Offcanvas as component (#29017)GeoSot1-6/+2
* Add a new offcanvas component * offcanvas.js: switch to string constants and `event.key` * Remove unneeded code * Sass optimizations * Fixes Make sure the element is hidden and not offscreen when inactive fix close icon negative margins Add content in right & bottom examples Re-fix bottom offcanvas height not to cover all viewport * Wording tweaks * update tests and offcanvas class * separate scrollbar functionality and use it in offcanvas * Update .bundlewatch.config.json * fix focus * update btn-close / fix focus on close * add aria-modal and role return focus on trigger when offcanvas is closed change body scrolling timings * move common code to reusable functions * add aria-labelledby * Replace lorem ipsum text * fix focus when offcanvas is closed * updates * revert modal, add tests for scrollbar * show backdrop by default * Update offcanvas.md * Update offcanvas CSS to better match modals - Add background-clip for borders - Move from outline to border (less clever, more consistent) - Add scss-docs in vars * Revamp offcanvas docs - Add static example to show and explain the components - Split live examples and rename them - Simplify example content - Expand docs notes elsewhere - Add sass docs * Add .offcanvas-title instead of .modal-title * Rename offcanvas example to offcanvas-navbar to reflect it's purpose * labelledby references title and not header * Add default shadow to offcanvas * enable offcanvas-body to fill all the remaining wrapper area * Be more descriptive, on Accessibility area * remove redundant classes * ensure in case of an already open offcanvas, not to open another one * bring back backdrop|scroll combinations * bring back toggling class * refactor scrollbar method, plus tests * add check if element is not full-width, according to #30621 * revert all in modal * use documentElement innerWidth * Rename classes to -start and -end Also copyedit some docs wording * omit some things on scrollbar * PASS BrowserStack tests -- IOS devices, Android devices and Browsers on Mac, hide scrollbar by default and appear it, only while scrolling. * Rename '_handleClosing' to '_addEventListeners' * change pipe usage to comma * change Data.getData to Data.get Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Martijn Cuppens <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2020-12-04docs(examples): new cheatsheet and RTL examplesGaël Poupard1-0/+18
2020-10-27v5: Floating labels (#30449)Mark Otto1-2/+0
* v5: Promote floating labels example to component - Adds new .form-floating - Stubs out basics of a docs page - Removes existing Example * Update floating labels to support .form-select, make inputs and selects more consistent - To do this, I made the .form-control and .form-select consistent in min-height vs height - Removed some unused variables now - Updated -color to be the -color because I don't know why this was any different before - Update page to include some examples for layout, validation, and value - Rewrite styles to not modify padding, but instead transform and opacity * Streamline and bulletproof some things - Apply some optimizations from code review - Removed unecessary properties from the label - Add some comments for what properties are required - Move from fixed height for labels to height 100% so we can support textareas - Improve docs a little bit, add ToC * Move some values to variables, switch from scaling font-size to scale, update transforms * Bring over changes from #30966 and add to them to tighten things up * Delete the now unused example images * Fix typo * Allowlist the calc function * Add transform-origin, update transform values * Test out autofill fix * Fix linter issue * Mention it in the migration guide * Bump bundlesize * Add one more variable per review * Shave .25rem off the height Co-authored-by: XhmikosR <[email protected]>
2019-07-22Remove card columns in favor of masonry gridMartijn Cuppens1-0/+6
2019-06-07Removal of one of the most iconic components of Bootstrap: the jumbotron ↵Martijn Cuppens1-2/+0
(#28876)
2019-03-13Switch to Hugo.XhmikosR1-0/+55
No more Ruby dependency and most important more than 10 times less build time (at least on Windows)!