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 @@
{{ if eq (mod $index 2) 0 }}
-
+
{{ with $item.thumbnail }} {{ else }} @@ -32,7 +32,7 @@

{{ $item.content | markdownify }}

-
+
{{ with $item.thumbnail }} {{ else }}