From cf9454caa00872899215603e5e036d9a824b1b11 Mon Sep 17 00:00:00 2001 From: XhmikosR Date: Sat, 24 Dec 2022 18:37:22 +0200 Subject: Release v5.3.0-alpha1 (#37661) * Bump version to 5.3.0-alpha1 * Dist * Add docs versions updates * Update note in homepage hero Co-authored-by: Mark Otto --- .../docs/5.3/examples/dropdowns/dropdowns.css | 79 ++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 site/content/docs/5.3/examples/dropdowns/dropdowns.css (limited to 'site/content/docs/5.3/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.3/examples/dropdowns/dropdowns.css b/site/content/docs/5.3/examples/dropdowns/dropdowns.css new file mode 100644 index 000000000..556f310a9 --- /dev/null +++ b/site/content/docs/5.3/examples/dropdowns/dropdowns.css @@ -0,0 +1,79 @@ +.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 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 --- .../docs/5.3/examples/dropdowns/dropdowns.css | 24 ++++++++-------------- 1 file changed, 8 insertions(+), 16 deletions(-) (limited to 'site/content/docs/5.3/examples/dropdowns/dropdowns.css') diff --git a/site/content/docs/5.3/examples/dropdowns/dropdowns.css b/site/content/docs/5.3/examples/dropdowns/dropdowns.css index 556f310a9..f633e2cd8 100644 --- a/site/content/docs/5.3/examples/dropdowns/dropdowns.css +++ b/site/content/docs/5.3/examples/dropdowns/dropdowns.css @@ -1,7 +1,3 @@ -.dropdown-menu { - margin: 4rem auto; -} - .dropdown-item-danger { color: var(--bs-red); } @@ -15,12 +11,13 @@ } .btn-hover-light { - background-color: var(--bs-white); + color: var(--bs-body-color); + background-color: var(--bs-body-bg); } .btn-hover-light:hover, .btn-hover-light:focus { - color: var(--bs-blue); - background-color: var(--bs-light); + color: var(--bs-link-hover-color); + background-color: var(--bs-tertiary-bg); } .cal-month, @@ -46,22 +43,17 @@ } .cal-btn:not([disabled]) { font-weight: 500; + color: var(--bs-emphasis-color); } .cal-btn:hover, .cal-btn:focus { - background-color: rgba(0, 0, 0, .05); + background-color: var(--bs-secondary-bg); } .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; } @@ -74,6 +66,6 @@ width: 340px; } -.w-600px { - width: 600px; +.opacity-10 { + opacity: .1; } -- cgit v1.2.3