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 300bdca9c23982fbbebe5d97c1925aa5e651f068..8e4c3838d275de850eba68294440742804c454de 100644 (file)
--- 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 52b282fcf8b8708a05e4163500a46b682904be7d..d39f640ae71d31a2647ae19bcde6d518b14b4d7f 100644 (file)
--- 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 46688839b8cb04ad5f185f0eb97fcb2cdc41bd2c..d46e38f255ca41676b855d393085175e873d8118 100644 (file)
--- 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>