aboutsummaryrefslogtreecommitdiff
path: root/site/assets/scss/_subnav.scss
AgeCommit message (Collapse)AuthorFilesLines
2022-04-17v5.2.0 design refresh, plus responsive offcanvas classes (#35736)Mark Otto1-82/+0
* 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-02-14Rewrite custom docs buttonsMark Otto1-4/+4
- Use CSS variables wherever possible - Rename purple-bright to violet for brevity, add CSS vars versions - Rename download to accent
2021-12-03Docs offcanvas navbar (#34487)Mark Otto1-4/+7
* Redesign docs navbar to use offcanvas, tweak overall padding while I'm here * Match code snippets to new gutter width * Replace value with docs-specific variable Opted not to do a CSS variable here since on .bd-content it would be inherited into our examples Co-authored-by: XhmikosR <[email protected]>
2021-01-13Revert "docs: Fix popover example showing above navbar (#32445)" (#32533)XhmikosR1-1/+1
This reverts commit 517446069a60daddaf5e53651661851f9b44e9a0.
2020-12-18docs: Fix popover example showing above navbar (#32445)Siju Samson1-1/+1
Co-authored-by: XhmikosR <[email protected]>
2020-12-10docs: SVG consistency changes (#32259)XhmikosR1-4/+0
* Move inlined SVG to a partial. Also, add `fill="currentColor"` in the SVGs. * docs: reorder attributes
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-09-25v5: Adjust docs sidebar and navbar (#31119)Mark Otto1-4/+24
* 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-06-25Remove backdrop-filter from docs subnavMark Otto1-2/+1
Fixes #31163.
2020-06-14Change breakpoint-max implementationMartijn Cuppens1-1/+1
- 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-05-26Apply utilities in docs styles (#30866)Gaël Poupard1-6/+0
* docs(theming): apply utilities where possible * Update docs-sidebar.html Co-authored-by: XhmikosR <[email protected]>
2020-04-30v5: Unify spacing across components (#30564)Mark Otto1-1/+1
Co-Authored-By: Martijn Cuppens <[email protected]>
2020-04-09Remove redundant class and line height (#30542)Martijn Cuppens1-1/+0
2020-03-31Fix active state dropdownMartijn Cuppens1-3/+1
2020-02-16Add transparent background color to versions switcher (#30192)Martijn Cuppens1-0/+1
2020-02-12Convert background shorthands to separate propertiesMartijn Cuppens1-1/+4
2019-09-17Use Hugo for our docs Sass and JS. (#29280)XhmikosR1-0/+42
Now there's only one command needed to run the docs: `npm run docs-serve`. Also, simplify the npm scripts.