From 520cc8de92ca48d7ac60102d992d7afe9788b239 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 19 Jan 2022 12:27:57 +0100 Subject: Docs: group together reusable CSS for examples in a single stylesheet (#35649) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * 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 --- site/layouts/_default/examples.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 948c3756f..6709cdfa7 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -31,6 +31,25 @@ font-size: 3.5rem; } } + + .b-example-divider { + height: 3rem; + background-color: rgba(0, 0, 0, .1); + border: solid rgba(0, 0, 0, .15); + border-width: 1px 0; + box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); + } + + .b-example-vr { + flex-shrink: 0; + width: 1.5rem; + height: 100vh; + } + + .bi { + vertical-align: -.125em; + fill: currentColor; + } {{ range .Page.Params.extra_css }} -- cgit v1.2.3 From 333d89e4980863db15d0f639051e3b239e77decc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Wed, 23 Feb 2022 19:31:18 +0100 Subject: Docs: replace CSS by utilities in examples (#35699) * 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 --- site/layouts/_default/examples.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 6709cdfa7..9a3334fb2 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -50,6 +50,28 @@ vertical-align: -.125em; fill: currentColor; } + + .rounded-4 { border-radius: .5rem; } + .rounded-5 { border-radius: .75rem; } + .rounded-6 { border-radius: 1rem; } + + .nav-scroller { + position: relative; + z-index: 2; + height: 2.75rem; + overflow-y: hidden; + } + + .nav-scroller .nav { + display: flex; + flex-wrap: nowrap; + padding-bottom: 1rem; + margin-top: -1px; + overflow-x: auto; + text-align: center; + white-space: nowrap; + -webkit-overflow-scrolling: touch; + } {{ range .Page.Params.extra_css }} -- cgit v1.2.3 From 16711ff5b12df1412e1d4957b64df811e9e3efe3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 29 Mar 2022 08:48:56 +0200 Subject: Fix duplicate `.rounded-*` and `.fw-semibold` defs in examples --- site/layouts/_default/examples.html | 4 ---- 1 file changed, 4 deletions(-) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 9a3334fb2..f70f859a6 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -51,10 +51,6 @@ fill: currentColor; } - .rounded-4 { border-radius: .5rem; } - .rounded-5 { border-radius: .75rem; } - .rounded-6 { border-radius: 1rem; } - .nav-scroller { position: relative; z-index: 2; -- cgit v1.2.3 From 8befabbde90e8ee19f8bf9196840e25c07130710 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Thu, 29 Dec 2022 07:58:35 +0100 Subject: Docs: display examples based on the docs current color mode (#37562) * Docs: display examples based on the docs current color mode * Fix _default/examples.html --- site/layouts/_default/examples.html | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index f70f859a6..2700bcc0c 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -1,6 +1,9 @@ - + + {{- $colorModeJS := printf "/docs/%s/assets/js/color-modes.js" $.Site.Params.docs_version -}} + + -- cgit v1.2.3 From f40e76d1f77c020be337d4244c7cfb13a2b5bd9c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 10 Jan 2023 16:33:33 -0800 Subject: Update snippet examples for dark mode (#37834) * Update snippet examples for dark mode * Fix markup * Review comments * undo colored links docs from this PR --- site/layouts/_default/examples.html | 1 + 1 file changed, 1 insertion(+) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 2700bcc0c..9848ae9be 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -36,6 +36,7 @@ } .b-example-divider { + width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); -- cgit v1.2.3 From b26233c1ab9ffd2f927d908c7877b44766af3012 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Sat, 4 Mar 2023 20:49:07 +0100 Subject: Examples: color mode enhancement (#38144) * Tool bar proposal inside examples * Some examples fixes * Change appearance and position of the color mode toggler * Proposal * . --------- Co-authored-by: Mark Otto --- site/layouts/_default/examples.html | 71 +++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 9848ae9be..cb689c0ce 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -72,6 +72,26 @@ white-space: nowrap; -webkit-overflow-scrolling: touch; } + + .btn-bd-primary { + --bd-violet-bg: #712cf9; + --bd-violet-rgb: 112.520718, 44.062154, 249.437846; + + --bs-btn-font-weight: 600; + --bs-btn-color: var(--bs-white); + --bs-btn-bg: var(--bd-violet-bg); + --bs-btn-border-color: var(--bd-violet-bg); + --bs-btn-hover-color: var(--bs-white); + --bs-btn-hover-bg: #6528e0; + --bs-btn-hover-border-color: #6528e0; + --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); + --bs-btn-active-color: var(--bs-btn-hover-color); + --bs-btn-active-bg: #5a23c8; + --bs-btn-active-border-color: #5a23c8; + } + .bd-mode-toggle { + z-index: 1500; + } {{ range .Page.Params.extra_css }} @@ -80,6 +100,57 @@ {{- end }} + + + + {{ .Content }} {{ if ne .Page.Params.include_js false -}} -- cgit v1.2.3 From e468daac252b9935baaa35cf22d83a3cd89bba88 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Apr 2023 18:13:35 -0700 Subject: More darkmode examples (#38058) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * WIP darkmode examples * Fix product css error, redo parts of blog * wip dashboard * updated rtl generated * fix up some examples, namely dashboard * jumbotron and sign-in fixes * more fixes * more * Fixes from code review * Remove duplicate `data-bs-target` in dashboard/index.html * Modify `blog-rtl/index.html` * Modify `dashboard-rtl/index.html` * Modify `carousel-rtl/index.html` * Keep JS on all pages for switcher * Remove Feather from dashboard examples --------- Co-authored-by: Julien Déramond --- site/layouts/_default/examples.html | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index cb689c0ce..5ec926323 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -153,16 +153,14 @@ {{ .Content }} - {{ if ne .Page.Params.include_js false -}} - {{- if eq hugo.Environment "production" -}} - - {{- else -}} - - {{- end }} - - {{ range .Page.Params.extra_js -}} - - {{- end -}} + {{- if eq hugo.Environment "production" -}} + + {{- else -}} + {{- end }} + + {{ range .Page.Params.extra_js -}} + + {{- end -}} -- cgit v1.2.3 From b5772d4ec27149bb44ed4d4a45667d3452ab3ff9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Tue, 2 May 2023 22:57:48 +0200 Subject: Use `.d-none` instead of inline styling --- site/layouts/_default/examples.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'site/layouts/_default/examples.html') diff --git a/site/layouts/_default/examples.html b/site/layouts/_default/examples.html index 5ec926323..11759a2be 100644 --- a/site/layouts/_default/examples.html +++ b/site/layouts/_default/examples.html @@ -100,7 +100,7 @@ {{- end }} -