aboutsummaryrefslogtreecommitdiff
path: root/site/assets/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 Otto2-0/+21
2021-06-14Replace `/` division with multiplication and custom `divide()` function (#34245)Mark Otto2-5/+5
* 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-06-14docs(style): fix display of nested `<ul><li>` (#34223)Julien Déramond1-3/+3
2021-05-05Rewrite migration guide (#33834)Mark Otto1-0/+7
- De-duplicates bulk of the content for a migration from v4 to v5 - Adds clear breaking labels where appropriate - Leaves room for more guidance around doing the actual migration
2021-04-06Revert "Update look and feel of examples and copy buttons"Mark Otto2-41/+13
This reverts commit cdf56e0eefd797d4b0f26021d24958fc315a5f2c.
2021-04-04Update look and feel of examples and copy buttonsMark Otto2-13/+41
2021-03-30Add new docs footer (#33453)Mark Otto1-4/+2
* Replace site footer with mega footer to link to various projects and community resources * Fix broken HTML
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-02-10docs(scroll offset): improve a11y for sticky header (#33027)Gaël Poupard1-6/+6
Our current trick works great for headings or landmarks `:target`ed by links activation, however it still allows focus to be hidden under the sticky header. 1. Go to any docs page, 2. use a TOC link to scroll down the page, 3. then `Shift`+`Tab` to navigate backward using keyboard. You should see on some browsers (mainly Firefox from my tests, but it used to do the same in Chrome) that focused elements isn't visible, hidden by our sticky header. Applying `scroll-padding-top` to the `:root` solves this without any side-effect—but it requires to drop `scroll-margin-top` for anchors to prevent doubling the offset. FWIW based on my test, Edgium and Chromium don't really care since they seem to have a new heuristic for such cases, making the focused element scroll to the center of the view.
2021-01-13Revert "docs: Fix popover example showing above navbar (#32445)" (#32533)XhmikosR2-4/+1
This reverts commit 517446069a60daddaf5e53651661851f9b44e9a0.
2021-01-07Bump copyright year to 2021 (#32713)XhmikosR1-2/+2
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-21docs(sidebar): invalid CSS value (#32575)XhmikosR1-1/+1
Co-authored-by: Gaël Poupard <[email protected]>
2020-12-18docs: Fix popover example showing above navbar (#32445)Siju Samson2-1/+4
Co-authored-by: XhmikosR <[email protected]>
2020-12-15Docs: style clipboard button on `:focus`, not just `:hover` (#32461)Patrick H. Lauke1-1/+2
Co-authored-by: XhmikosR <[email protected]>
2020-12-15docs(skip links): new powers for .visually-hidden-focusableGaël Poupard1-13/+0
2020-12-10docs: SVG consistency changes (#32259)XhmikosR2-9/+0
* Move inlined SVG to a partial. Also, add `fill="currentColor"` in the SVGs. * docs: reorder attributes
2020-12-04Add toast positioningMartijn Cuppens1-0/+5
2020-11-23Update _syntax.scss (#32117)XhmikosR1-38/+46
* Update _syntax.scss with the latest chroma selectors * Sort selectors * Remove no longer needed chroma workaround * remove comments
2020-11-18Docs: change sidebar collapse controls to actual button elements (#31098)Patrick H. Lauke1-16/+29
apart from the visual styling, there's probably no good reason why these shouldn't be `<button>` elements, semantically the buttons still look a shade too button-like, despite using `.btn-light`. the last remnant of button styling can probably be suppressed further, *or* this makes the case for expanding the core button styles to have one that looks completely non-button and non-link like (for cases where an additional style/hint was given already, or it's clear from context that something's an actionable button or link) Co-authored-by: XhmikosR <[email protected]>
2020-11-05Add keyboard shortcut to focus search field (#31702)Mark Otto1-3/+30
* Documentation: Add slash key event to focus the input search. * Add little tag for keyboard shortcut in the search field * Use ctrl / as keyboard shortcut * Update search.js Co-authored-by: chuckrincon <[email protected]> Co-authored-by: Patrick H. Lauke <[email protected]> Co-authored-by: XhmikosR <[email protected]>
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-11-02Make docs anchorjs links darker on keyboard focus (#32050)Patrick H. Lauke1-0/+1
* Make docs anchorjs links darker on keyboard focus Not just on mouse hover * Update site/assets/scss/_anchor.scss Co-authored-by: Mark Otto <[email protected]> Co-authored-by: Mark Otto <[email protected]>
2020-10-23Don't wrap the code snippets in our docs (#31679)Mark Otto1-0/+2
Co-authored-by: XhmikosR <[email protected]>
2020-10-13Colors rewrite (#30622)Martijn Cuppens3-5/+5
2020-09-25v5: Adjust docs sidebar and navbar (#31119)Mark Otto4-18/+48
* Hide the docs nav on mobile, redesign it for two columns on narrow devices * Tweak spacing on ToC * Redesign sidebar and subnav * Revamp subnav mobile layout so everything's on one line * Tighten up masthead a little * Switch the icon for the subnav and do a little icon toggling * Fix mobile overflow since we changed guters stuff * Add the widths * make the subnav icon purple
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-10docs(layout): ensure content sits in main (#31610)Gaël Poupard1-10/+24
Co-authored-by: XhmikosR <[email protected]>
2020-09-10Update _brand.scssXhmikosR1-2/+0
2020-09-10First pass at cleaning up About pages and brand assetsMark Otto1-3/+3
2020-09-03Drop h4 color customization in callouts (#31576)Gaël Poupard1-6/+8
2020-09-02Docs: Add top/bottom margin to highlighted code samples (#31036)Patrick H. Lauke2-8/+8
* 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-07-13docs(skippy): prevent skip links from overlapping headerGaël Poupard1-7/+14
2020-07-03Fix sidebar jump (#31232)Martijn Cuppens1-5/+0
2020-06-25Remove backdrop-filter from docs subnavMark Otto1-2/+1
Fixes #31163.
2020-06-16Update v5 homepage to match v4.5's changesMark Otto3-33/+26
2020-06-14Change breakpoint-max implementationMartijn Cuppens3-3/+3
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint. - The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2020-06-12Stylelint: remove redundant disables (#31006)XhmikosR1-2/+0
2020-05-28docs(layout): improve layout when content is short (#30908)Gaël Poupard1-0/+2
Co-authored-by: XhmikosR <[email protected]>
2020-05-26Apply utilities in docs styles (#30866)Gaël Poupard8-42/+2
* docs(theming): apply utilities where possible * Update docs-sidebar.html Co-authored-by: XhmikosR <[email protected]>
2020-05-20docs(customize/colors): dump grays swatches (unused) and merge -500 in swatchesGaël Poupard1-8/+1