Merge pull request usegalaxy-be#5 from bedroesb/no-border

Better borders
bedroesb · Mar 29, 2023 · 1f92997 · 1f92997
2 parents 9fef8d5 + f5d872e
commit 1f92997
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 11 deletions.
diff --git a/_includes/news-list.html b/_includes/news-list.html
@@ -1,4 +1,4 @@
-<div class="card shadow-sm">
+<div class="card shadow-sm border-0">
     <div class="card-body pb-0">
         <h2 class="mt-0">News</h2>
     </div>

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -23,7 +23,8 @@ $dark: #2c3143;
 $link-color: $blue-link;
 $link-decoration: none;
 $card-cap-padding-y: $card-spacer-y;
-
+$box-shadow-sm: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
+$box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px, rgba($primary, .1) 0px 8px 20px,;
 // Font changes
 @font-face {
   font-family: "Atkinson Hyperlegible";

diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@ <h1 class="text-center">The Belgian Galaxy instance</h1>
 
 <div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 my-4 text-center g-4">
     <div class="col">
-        <div class="card rounded-3 shadow-sm front-panel h-100">
+        <div class="card rounded border-0 shadow-sm front-panel h-100">
             <div class="card-body pb-0">
                 <span class="card-title text-primary fa-3x"><i class="fa-solid fa-floppy-disk"></i></i></span>
                 <ul class="list-unstyled m-0 ">
@@ -29,7 +29,7 @@ <h1 class="text-center">The Belgian Galaxy instance</h1>
         </div>
     </div>
     <div class="col">
-        <div class="card rounded-3 shadow-sm front-panel h-100">
+        <div class="card rounded border-0 shadow-sm front-panel h-100">
             <div class="card-body pb-0">
                 <span class="card-title text-primary fa-3x"><i class="fa-solid fa-circle-nodes"></i></span>
                 <ul class="list-unstyled m-0">
@@ -44,7 +44,7 @@ <h1 class="text-center">The Belgian Galaxy instance</h1>
         </div>
     </div>
     <div class="col">
-        <div class="card rounded-3 shadow-sm front-panel h-100">
+        <div class="card rounded border-0 shadow-sm front-panel h-100">
             <div class="card-body pb-0">
                 <span class="card-title text-primary fa-3x"><i class="fa-solid fa-screwdriver-wrench"></i></span>
                 <ul class="list-unstyled m-0">
@@ -59,7 +59,7 @@ <h1 class="text-center">The Belgian Galaxy instance</h1>
         </div>
     </div>
     <div class="col">
-        <div class="card rounded-3 shadow-sm front-panel h-100">
+        <div class="card rounded border-0 shadow-sm front-panel h-100">
             <div class="card-body pb-0">
                 <span class="card-title text-primary fa-3x"><i class="fa-solid fa-graduation-cap"></i></i></span>
                 <ul class="list-unstyled m-0">
@@ -76,7 +76,7 @@ <h1 class="text-center">The Belgian Galaxy instance</h1>
 
 <div class="row mb-4">
     <div class="col">
-        <div class="card rounded-3 shadow-sm front-panel">
+        <div class="card rounded border-0 shadow-sm front-panel">
             <div class="card-body">
                 <div class="d-grid gap-3 d-md-flex">
                     <div>
@@ -109,7 +109,7 @@ <h2 class="mt-0">Training Infrastructure as a Service (TIaaS)</h2>
 
 <div class="row">
     <div class="col-12 col-md-6">
-        <div class="card rounded-3 bg-light mb-4 shadow-sm">
+        <div class="card rounded border-0 bg-light mb-4 shadow-sm">
             <div class="card-body">
                 <div class="d-grid gap-3 d-lg-flex">
                     <div>
@@ -126,7 +126,7 @@ <h2 class="mt-0">Get started</h2>
                 </div>
             </div>
         </div>
-        <div class="card rounded-3 mb-4 shadow-sm">
+        <div class="card rounded border-0 mb-4 shadow-sm">
             <div class="card-body">
                 <h2 class="mt-0">Contact us</h2>
                 <p>
@@ -144,7 +144,7 @@ <h2 class="mt-0">Contact us</h2>
 
             </div>
         </div>
-        <div class="card rounded-3 bg-light mb-4 shadow-sm">
+        <div class="card rounded border-0 bg-light mb-4 shadow-sm">
             <div class="card-body">
                 <h2 class="mt-0">Our Data Policy</h2>
                 <h3>Registered Users</h3>
@@ -166,7 +166,7 @@ <h3>GDPR Compliance</h3>
     </div>
     <div class="col-12 col-md-6">
         {% include news-list.html %}
-        <div class="card rounded-3 mt-4 shadow-sm">
+        <div class="card rounded border-0 mt-4 shadow-sm">
             <div class="card-body">
                 <h2 class="mt-0">Acknowledgment Statement</h2>
                 <p>