From: Mark Otto <markd.otto@gmail.com>
Date: Mon, 26 Dec 2022 19:32:43 +0000 (-0800)
Subject: Few miscellaneous docs fixes (#37625)
X-Git-Tag: v5.3.0-alpha2~222
X-Git-Url: http://git.ipfire.org/gitweb/gitweb.cgi?a=commitdiff_plain;h=6295d3ba36045252729772b90a60d857dfa13aa9;p=thirdparty%2Fbootstrap.git

Few miscellaneous docs fixes (#37625)

* Update hero button color

* Fix link color on examples index

* Move .bd-btn-lg to docs buttons partial, move larger border-radius to that class so medium buttons don't look odd

* Undo the markup split

* Round padding up to whole number
---

diff --git a/site/assets/scss/_buttons.scss b/site/assets/scss/_buttons.scss
index 300bdca9c2..8e4c3838d2 100644
--- a/site/assets/scss/_buttons.scss
+++ b/site/assets/scss/_buttons.scss
@@ -6,9 +6,8 @@
 .btn-bd-primary {
   --bs-btn-font-weight: 600;
   --bs-btn-color: var(--bs-white);
-  --bs-btn-bg: var(--bd-violet);
-  --bs-btn-border-color: var(--bd-violet);
-  --bs-btn-border-radius: .5rem;
+  --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: #{shade-color($bd-violet, 10%)};
   --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
@@ -45,3 +44,9 @@
   --bs-btn-focus-border-color: var(--btn-custom-color);
   --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
 }
+
+.bd-btn-lg {
+  --bs-btn-border-radius: .5rem;
+
+  padding: .8125rem 2rem;
+}
diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss
index 52b282fcf8..d39f640ae7 100644
--- a/site/assets/scss/_masthead.scss
+++ b/site/assets/scss/_masthead.scss
@@ -71,10 +71,6 @@
   }
 }
 
-.bd-btn-lg {
-  padding: .8rem 2rem;
-}
-
 .masthead-followup-icon {
   padding: 1rem;
   color: rgba(var(--bg-rgb), 1);
diff --git a/site/content/docs/5.3/examples/_index.md b/site/content/docs/5.3/examples/_index.md
index 46688839b8..d46e38f255 100644
--- a/site/content/docs/5.3/examples/_index.md
+++ b/site/content/docs/5.3/examples/_index.md
@@ -33,7 +33,9 @@ aliases: "/examples/"
                                             alt=""
                                             width="480" height="300"
                                             loading="lazy">
-            <h3 class="h5 mb-1">{{ $example.name }}</h3>
+            <h3 class="h5 mb-1">
+              {{ $example.name }}
+            </h3>
           </a>
           <p class="text-muted">{{ $example.description }}</p>
         </div>