chore: Update column background colors in Home.vue

howbizarre · Jul 9, 2024 · 3cca717 · 3cca717
1 parent 1c5e18a
commit 3cca717
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 41 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -83,19 +83,19 @@
         </p>
         <div class="bd-example bd-example-row">
           <div class="row">
-            <div class="col-12 col-lg-8">.col-12 .col-lg-8</div>
-            <div class="col-12 col-lg-4">.col-12 .col-lg-4</div>
+            <div class="col-12 col-lg-8 bg-secondary" style="--bs-bg-opacity:0.15">.col-12 .col-lg-8</div>
+            <div class="col-12 col-lg-4 bg-secondary bg-opacity-50">.col-12 .col-lg-4</div>
           </div>
 
           <div class="row">
-            <div class="col-6 col-md-4">.col-6 .col-md-4</div>
-            <div class="col-6 col-md-4">.col-6 .col-md-4</div>
-            <div class="col-12 col-md-4">.col-12 .col-md-4</div>
+            <div class="col-6 col-md-4 bg-secondary bg-opacity-25">.col-6 .col-md-4</div>
+            <div class="col-6 col-md-4 bg-secondary bg-opacity-10">.col-6 .col-md-4</div>
+            <div class="col-12 col-md-4 bg-secondary bg-opacity-75">.col-12 .col-md-4</div>
           </div>
 
           <div class="row">
-            <div class="col-6">.col-6</div>
-            <div class="col-6">.col-6</div>
+            <div class="col-6 bg-secondary bg-gradient bg-opacity-50">.col-6</div>
+            <div class="col-6 bg-secondary bg-gradient bg-opacity-75">.col-6</div>
           </div>
         </div>
       </div>