aboutsummaryrefslogtreecommitdiff
path: root/site/assets/scss/_component-examples.scss
AgeCommit message (Collapse)AuthorFilesLines
2021-08-03Add new placeholder component (#31859)Jaume Sala1-0/+11
Co-authored-by: XhmikosR <[email protected]> Co-authored-by: Jaume Sala <[email protected]> Co-authored-by: Mark Otto <[email protected]> Co-authored-by: Patrick H. Lauke <[email protected]>
2021-06-22v5.1: Add optional CSS grid (#31813)Mark Otto1-0/+15
2021-06-14Replace `/` division with multiplication and custom `divide()` function (#34245)Mark Otto1-3/+3
* Convert bulk of division to multiplication * Use custom divide() function instead of Dart Sass math module for greater compatibility * Apply suggestions from code review * Fix functions
2021-04-06Revert "Update look and feel of examples and copy buttons"Mark Otto1-32/+5
This reverts commit cdf56e0eefd797d4b0f26021d24958fc315a5f2c.
2021-04-04Update look and feel of examples and copy buttonsMark Otto1-5/+32
2021-03-23Make offcanvas example fully static (#33446)Mark Otto1-0/+3
2021-03-23Allow offcanvas to be initialized in open state (#33382)GeoSot1-3/+0
* Update docs to use new .show behavior and clarify some copy for first example Co-authored-by: Mark Otto <[email protected]> Co-authored-by: XhmikosR <[email protected]>
2021-03-02Offcanvas as component (#29017)GeoSot1-0/+12
* 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]>
2021-01-06fix(ratio): missing variable prefix (#32501)Gaël Poupard1-1/+1
This is the only unprefixed custom property, and its name is very common so I think we'd better prefix it too.
2020-12-04Add toast positioningMartijn Cuppens1-0/+5
2020-11-05Drop Legacy Edge support.XhmikosR1-1/+0
This allows us to move forward without being held back. Microsoft already replaces the Legacy Edge with the new one on supported Windows versions.
2020-10-23Don't wrap the code snippets in our docs (#31679)Mark Otto1-0/+2
Co-authored-by: XhmikosR <[email protected]>
2020-09-23Updates to .ratio selectors and docsMark Otto1-5/+6
- Remove group selector for ratio items - Drop the .ratio-item entirely - Update docs to explain updated approach - Update Migration guide to reflect the latest
2020-09-23Add example of responsive behavior for aspect ratiosMark Otto1-0/+9
2020-09-23Move styles to docs CSSMark Otto1-1/+4
2020-09-23Rename the classes and docs page, update everything accordinglyMark Otto1-2/+2
2020-09-23Updates responsive embeds with new class names and CSS variablesMark Otto1-0/+13
- Renames .embed-responsive-XbyY classes to .embed-responsive-XxY - Simplifies the Sass map to just be key and value, ratio and percentage - Builds .embed-responsive-* modifiers with CSS variables - Updates docs to show power of CSS variables - Add notes to the Migration guide
2020-09-22Increase margin in button examples to better highlight focus stylesMark Otto1-2/+1
2020-09-20Extra position utilities (#31280)Jaume Sala1-0/+23
* Extra position utilities Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires. * Update extra position utilities * add default position values map * tweak examples * add real life examples * fix double colon Co-authored-by: XhmikosR <[email protected]>
2020-09-02Docs: Add top/bottom margin to highlighted code samples (#31036)Patrick H. Lauke1-2/+2
* Add top/bottom margin to highlighted code samples provide more space to avoid having the "Copy" button overlap code sample content * Modify clipboard button style Per https://github.com/twbs/bootstrap/pull/31036#issuecomment-661322566 and https://github.com/twbs/bootstrap/pull/31036#issuecomment-668162630 * Tweak margin, clipboard button size and position Co-authored-by: XhmikosR <[email protected]>
2020-06-12Stylelint: remove redundant disables (#31006)XhmikosR1-2/+0
2020-03-12Remove `.bd-example-responsive-containers`Martijn Cuppens1-9/+0
Added in https://github.com/twbs/bootstrap/pull/29095/files#diff-d4fb29267ed3a7c27482bbeac1723ab6 but never used
2020-03-10Bootstrap 5 grid documentationMartijn Cuppens1-2/+2
Co-authored-by: Mark Otto <[email protected]>
2020-03-04Embedded examples cleanup (#30330)Mark Otto1-42/+37
* Thin out embedded examples borders, rounded their corners * Fix busted class * Adjust nesting of .bd-example styles, tweak padding while I'm at it * combine selectors * cleanup some margins that always cancel each other out * Remove redundant universal selector Co-authored-by: Martijn Cuppens <[email protected]>
2020-02-13v5 docs: added wrapping class for rounded utils (#29379)Christopher Morrissey1-0/+6
* Added wrapping class for rounded utils Tweak /utilities/borders/#border-radius #29343 * Remove the extra div. Co-authored-by: XhmikosR <[email protected]>
2019-12-09Remove `.form-group` leftovers (#29449)wojtask91-4/+0
2019-09-17Use Hugo for our docs Sass and JS. (#29280)XhmikosR1-0/+270
Now there's only one command needed to run the docs: `npm run docs-serve`. Also, simplify the npm scripts.
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-30 18:09:02 +0000