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/content/docs/5.1/examples/dropdowns/dropdowns.css | 13 ------------- 1 file changed, 13 deletions(-) (limited to 'site/content/docs/5.1/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/site/content/docs/5.1/examples/dropdowns/dropdowns.css index 4341c59ea..47fa10106 100644 --- a/site/content/docs/5.1/examples/dropdowns/dropdowns.css +++ b/site/content/docs/5.1/examples/dropdowns/dropdowns.css @@ -1,16 +1,3 @@ -.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); -} - -.bi { - vertical-align: -.125em; - fill: currentColor; -} - .dropdown-menu { position: static; display: block; -- 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 --- .../docs/5.1/examples/dropdowns/dropdowns.css | 32 ++++++++++++---------- 1 file changed, 17 insertions(+), 15 deletions(-) (limited to 'site/content/docs/5.1/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/site/content/docs/5.1/examples/dropdowns/dropdowns.css index 47fa10106..2426de8b9 100644 --- a/site/content/docs/5.1/examples/dropdowns/dropdowns.css +++ b/site/content/docs/5.1/examples/dropdowns/dropdowns.css @@ -1,20 +1,7 @@ .dropdown-menu { - position: static; - display: block; - width: auto; margin: 4rem auto; } -.dropdown-menu-macos { - display: grid; - gap: .25rem; - padding: .5rem; - border-radius: .5rem; -} -.dropdown-menu-macos .dropdown-item { - border-radius: .25rem; -} - .dropdown-item-danger { color: var(--bs-red); } @@ -28,9 +15,7 @@ } .btn-hover-light { - text-align: left; background-color: var(--bs-white); - border-radius: .25rem; } .btn-hover-light:hover, .btn-hover-light:focus { @@ -74,3 +59,20 @@ background-color: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .15); } + + +.w-220px { + width: 220px; +} + +.w-280px { + width: 280px; +} + +.w-340px { + width: 340px; +} + +.w-600px { + width: 600px; +} -- cgit v1.2.3 From d0b8114462a7fd10fd05d503280f1f06c3df4a42 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Thu, 24 Feb 2022 08:04:10 +0100 Subject: Remove border of disabled calendar buttons in Dropdowns example --- site/content/docs/5.1/examples/dropdowns/dropdowns.css | 1 + 1 file changed, 1 insertion(+) (limited to 'site/content/docs/5.1/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/site/content/docs/5.1/examples/dropdowns/dropdowns.css index 2426de8b9..556f310a9 100644 --- a/site/content/docs/5.1/examples/dropdowns/dropdowns.css +++ b/site/content/docs/5.1/examples/dropdowns/dropdowns.css @@ -52,6 +52,7 @@ background-color: rgba(0, 0, 0, .05); } .cal-btn[disabled] { + border: 0; opacity: .5; } -- cgit v1.2.3 From f7e8ca91e03165abb82d4c82555dc4ef96340cc9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 6 May 2022 23:57:58 +0300 Subject: Prepare v5.2.0-beta1 --- .../docs/5.1/examples/dropdowns/dropdowns.css | 79 ---------------------- 1 file changed, 79 deletions(-) delete mode 100644 site/content/docs/5.1/examples/dropdowns/dropdowns.css (limited to 'site/content/docs/5.1/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/site/content/docs/5.1/examples/dropdowns/dropdowns.css deleted file mode 100644 index 556f310a9..000000000 --- a/site/content/docs/5.1/examples/dropdowns/dropdowns.css +++ /dev/null @@ -1,79 +0,0 @@ -.dropdown-menu { - margin: 4rem auto; -} - -.dropdown-item-danger { - color: var(--bs-red); -} -.dropdown-item-danger:hover, -.dropdown-item-danger:focus { - color: #fff; - background-color: var(--bs-red); -} -.dropdown-item-danger.active { - background-color: var(--bs-red); -} - -.btn-hover-light { - background-color: var(--bs-white); -} -.btn-hover-light:hover, -.btn-hover-light:focus { - color: var(--bs-blue); - background-color: var(--bs-light); -} - -.cal-month, -.cal-days, -.cal-weekdays { - display: grid; - grid-template-columns: repeat(7, 1fr); - align-items: center; -} -.cal-month-name { - grid-column-start: 2; - grid-column-end: 7; - text-align: center; -} -.cal-weekday, -.cal-btn { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: center; - height: 3rem; - padding: 0; -} -.cal-btn:not([disabled]) { - font-weight: 500; -} -.cal-btn:hover, -.cal-btn:focus { - background-color: rgba(0, 0, 0, .05); -} -.cal-btn[disabled] { - border: 0; - opacity: .5; -} - -.form-control-dark { - background-color: rgba(255, 255, 255, .05); - border-color: rgba(255, 255, 255, .15); -} - - -.w-220px { - width: 220px; -} - -.w-280px { - width: 280px; -} - -.w-340px { - width: 340px; -} - -.w-600px { - width: 600px; -} -- cgit v1.2.3