Update hero colors and spacing to restore look prior to bootstrap 5

Signed-off-by: Aleksei Khudiakov <[email protected]>
laminas · Sep 9, 2024 · f754fa3 · f754fa3
1 parent c5bff52
commit f754fa3
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 9 deletions.
diff --git a/bootstrap/scss/_custom-styles.scss b/bootstrap/scss/_custom-styles.scss
@@ -65,9 +65,17 @@ footer {
     padding: map_get($spacers, 4) map_get($spacers, 2);
 
     @include media-breakpoint-up(md) {
-        padding-top: map_get($spacers, 5);
-        padding-bottom: map_get($spacers, 5);
+        padding: map_get($spacers, 5) map_get($spacers, 4);
+    }
+}
 
+.hero-box {
+    padding: map_get($spacers, 5) map_get($spacers, 3);
+    background: rgba(var(--bs-secondary-bg-rgb), 0.7);
+    color: rgba(var(--bs-primary-rgb), 0.7) !important;
+
+    @include media-breakpoint-up(md) {
+        padding: 5rem 3rem;
     }
 }
 

diff --git a/templates/about/foundation.phtml b/templates/about/foundation.phtml
@@ -10,7 +10,7 @@ $this->layout('layout::default', ['title' => 'About the Foundation']);
 ?>
 
 <div class="hero-container mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>The Laminas Project</h1>
 
         <h2>A community-supported, open source continuation of Zend Framework.</h2>

diff --git a/templates/about/join-thank-you.phtml b/templates/about/join-thank-you.phtml
@@ -10,7 +10,7 @@ $this->layout('layout::default', ['title' => 'Thank You']);
 ?>
 
 <div class="hero-container hero-join-thank-you mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>Thank You!</h1>
         <h2>We will be in contact with you soon!</h2>
     </div>

diff --git a/templates/about/join.phtml b/templates/about/join.phtml
@@ -10,7 +10,7 @@ $this->layout('layout::default', ['title' => 'Become a Member']);
 ?>
 
 <div class="hero-container hero-join mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>Become a Member</h1>
         <h2>Join!</h2>
     </div>
@@ -71,7 +71,7 @@ $this->layout('layout::default', ['title' => 'Become a Member']);
                     <input class="form-control" id="title" maxlength="40" name="title" type="text" />
                 </div>
 
-                <button class="btn btn-success float-right" type="submit" name="submit">Submit</button>
+                <button class="btn btn-success float-end" type="submit" name="submit">Submit</button>
 
                 <input type="hidden" id="Campaign_ID" name="Campaign_ID" value="7012M000001iJaa">
                 <input type="hidden" name="oid" value="00D41000000cNi0">

diff --git a/templates/about/tsc.phtml b/templates/about/tsc.phtml
@@ -10,7 +10,7 @@ $this->layout('layout::default', ['title' => 'Technical Steering Committee']);
 ?>
 
 <div class="hero-container mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>Technical Steering Committee</h1>
     </div>
 </div>

diff --git a/templates/app/home-page.phtml b/templates/app/home-page.phtml
@@ -11,7 +11,7 @@ $this->layout('layout::default', ['title' => 'Home']);
 ?>
 
 <div class="hero-container mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>Laminas Project, the enterprise-ready PHP Framework and components</h1>
 
         <h2>A community-supported, open source continuation of Zend Framework.</h2>

diff --git a/templates/error/404.phtml b/templates/error/404.phtml
@@ -9,7 +9,7 @@ $this->layout('layout::default', ['title' => '404 Not Found']);
 ?>
 
 <div class="hero-container hero-404 mb-4">
-    <div class="container-lg bg-body-tertiary text-body-tertiary text-center bg-opacity-75 py-5 px-3 px-md-5">
+    <div class="hero-box text-center">
         <h1>Ooops!</h1>
 
         <h2>This is awkward.</h2>