From f128430566d28ddc2450869cda0050ebdf82654a Mon Sep 17 00:00:00 2001
From: femmefaytale <fay.arno001@gmail.com>
Date: Fri, 29 Apr 2022 15:58:09 +0100
Subject: [PATCH] sexy shadows for the case studies thumbnails

---
 themes/coopcloud.tech/assets/scss/main.scss            | 10 ++++++++++
 .../layouts/partials/index/case_studies.html           |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/themes/coopcloud.tech/assets/scss/main.scss b/themes/coopcloud.tech/assets/scss/main.scss
index f609dec..bb7dec0 100644
--- a/themes/coopcloud.tech/assets/scss/main.scss
+++ b/themes/coopcloud.tech/assets/scss/main.scss
@@ -308,4 +308,14 @@ hr.divider {
     border-radius: 3px;
     height: 1px;
     padding: 0;
+}
+
+// Styling for img thumbnails
+
+div.thumbnail {
+    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+    -o-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+    border-radius: 999px;
 }
\ No newline at end of file
diff --git a/themes/coopcloud.tech/layouts/partials/index/case_studies.html b/themes/coopcloud.tech/layouts/partials/index/case_studies.html
index 4ea85b8..5bb2bd6 100644
--- a/themes/coopcloud.tech/layouts/partials/index/case_studies.html
+++ b/themes/coopcloud.tech/layouts/partials/index/case_studies.html
@@ -14,7 +14,7 @@
     <div class="columns my-6 is-vcentered">
       {{ if eq (mod $index 2) 0 }}
       <div class="column is-one-quarter is-offset-1">
-        <div class="image mx-4">
+        <div class="image thumbnail mx-4">
           {{ with $item.thumbnail }}
           <img src="{{ $item.thumbnail }}" class="is-rounded">
           {{ else }}
@@ -32,7 +32,7 @@
         <p>{{ $item.content | markdownify }}</p>
       </div>
       <div class="column is-one-quarter is-offset-1">
-        <div class="image mx-4">
+        <div class="image thumbnail mx-4">
           {{ with $item.thumbnail }}
           <img src="{{ $item.thumbnail }}" class="is-rounded">
           {{ else }}