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 --- .../docs/5.1/examples/dropdowns/dropdowns.css | 13 ------ .../docs/5.1/examples/features/features.css | 13 ------ site/content/docs/5.1/examples/footers/footers.css | 12 ------ site/content/docs/5.1/examples/footers/index.html | 2 - site/content/docs/5.1/examples/headers/headers.css | 13 ------ site/content/docs/5.1/examples/heroes/heroes.css | 8 ---- .../docs/5.1/examples/list-groups/list-groups.css | 13 ------ site/content/docs/5.1/examples/modals/modals.css | 13 ------ site/content/docs/5.1/examples/sidebars/index.html | 50 +++++++++++----------- .../docs/5.1/examples/sidebars/sidebars.css | 16 ------- 10 files changed, 25 insertions(+), 128 deletions(-) delete mode 100644 site/content/docs/5.1/examples/footers/footers.css (limited to 'site/content/docs') diff --git a/site/content/docs/5.1/examples/dropdowns/dropdowns.css b/site/content/docs/5.1/examples/dropdowns/dropdowns.css index 4341c59ea4..47fa101062 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; diff --git a/site/content/docs/5.1/examples/features/features.css b/site/content/docs/5.1/examples/features/features.css index cf66e7e206..bc5eae97bf 100644 --- a/site/content/docs/5.1/examples/features/features.css +++ b/site/content/docs/5.1/examples/features/features.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; -} - .feature-icon { display: inline-flex; align-items: center; diff --git a/site/content/docs/5.1/examples/footers/footers.css b/site/content/docs/5.1/examples/footers/footers.css deleted file mode 100644 index 4e826827ec..0000000000 --- a/site/content/docs/5.1/examples/footers/footers.css +++ /dev/null @@ -1,12 +0,0 @@ -.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; -} diff --git a/site/content/docs/5.1/examples/footers/index.html b/site/content/docs/5.1/examples/footers/index.html index efa26b92d6..6f7e058ffe 100644 --- a/site/content/docs/5.1/examples/footers/index.html +++ b/site/content/docs/5.1/examples/footers/index.html @@ -1,8 +1,6 @@ --- layout: examples title: Footers -extra_css: - - "footers.css" body_class: "" --- diff --git a/site/content/docs/5.1/examples/headers/headers.css b/site/content/docs/5.1/examples/headers/headers.css index 661a74d55a..2533841c59 100644 --- a/site/content/docs/5.1/examples/headers/headers.css +++ b/site/content/docs/5.1/examples/headers/headers.css @@ -1,11 +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); -} - .form-control-dark { color: #fff; background-color: var(--bs-dark); @@ -18,11 +10,6 @@ box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25); } -.bi { - vertical-align: -.125em; - fill: currentColor; -} - .text-small { font-size: 85%; } diff --git a/site/content/docs/5.1/examples/heroes/heroes.css b/site/content/docs/5.1/examples/heroes/heroes.css index 380b70a4a7..e9deaf744f 100644 --- a/site/content/docs/5.1/examples/heroes/heroes.css +++ b/site/content/docs/5.1/examples/heroes/heroes.css @@ -1,11 +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); -} - @media (min-width: 992px) { .rounded-lg-3 { border-radius: .3rem; } } diff --git a/site/content/docs/5.1/examples/list-groups/list-groups.css b/site/content/docs/5.1/examples/list-groups/list-groups.css index 11351f87e2..72f7b83022 100644 --- a/site/content/docs/5.1/examples/list-groups/list-groups.css +++ b/site/content/docs/5.1/examples/list-groups/list-groups.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; -} - .opacity-50 { opacity: .5; } .opacity-75 { opacity: .75; } diff --git a/site/content/docs/5.1/examples/modals/modals.css b/site/content/docs/5.1/examples/modals/modals.css index 8fda8212ab..5ac82c2ac4 100644 --- a/site/content/docs/5.1/examples/modals/modals.css +++ b/site/content/docs/5.1/examples/modals/modals.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; -} - .rounded-4 { border-radius: .5rem; } .rounded-5 { border-radius: .75rem; } .rounded-6 { border-radius: 1rem; } diff --git a/site/content/docs/5.1/examples/sidebars/index.html b/site/content/docs/5.1/examples/sidebars/index.html index 4d628f1c06..8eba1c6280 100644 --- a/site/content/docs/5.1/examples/sidebars/index.html +++ b/site/content/docs/5.1/examples/sidebars/index.html @@ -72,38 +72,38 @@ body_class: ""
- + Sidebar
-
+
- + Sidebar
-
+
- + @@ -228,11 +228,11 @@ body_class: ""
-
+
- + Collapsible
    @@ -291,11 +291,11 @@ body_class: ""
-
+
- + List group
@@ -387,5 +387,5 @@ body_class: ""
-
+
diff --git a/site/content/docs/5.1/examples/sidebars/sidebars.css b/site/content/docs/5.1/examples/sidebars/sidebars.css index 6949a379ea..9fa0507578 100644 --- a/site/content/docs/5.1/examples/sidebars/sidebars.css +++ b/site/content/docs/5.1/examples/sidebars/sidebars.css @@ -17,22 +17,6 @@ main { overflow-y: hidden; } -.b-example-divider { - flex-shrink: 0; - width: 1.5rem; - height: 100vh; - 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; - pointer-events: none; - fill: currentColor; -} - .dropdown-toggle { outline: 0; } .nav-flush .nav-link { -- cgit v1.2.3