From 82852b4bc73c0bc98ec50a1474183158a4f3588d Mon Sep 17 00:00:00 2001
From: Alexander Bilz <mail@alexbilz.com>
Date: Wed, 27 May 2020 15:29:26 +0000
Subject: [PATCH] Removed hardcoded background settings
---
assets/css/style.css | 45 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 45 insertions(+), 0 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index a5ee80f..5079229 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -757,3 +757,48 @@
display: grid;
}
}
+
+
+/* Medium zoom */
+.medium-zoom-overlay {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0;
+ transition: opacity 300ms;
+ will-change: opacity;
+ background: var(--bg-color);
+}
+
+.medium-zoom--opened .medium-zoom-overlay {
+ cursor: pointer;
+ cursor: zoom-out;
+ opacity: 1;
+}
+
+.medium-zoom-image {
+ cursor: pointer;
+ cursor: zoom-in;
+ /*
+ The `transition` is marked as "!important" for the animation to happen
+ even though it's overriden by another inline `transition` style attribute.
+ This is problematic with frameworks that generate inline styles on their
+ images (e.g. Gatsby).
+ See https://github.com/francoischalifour/medium-zoom/issues/110
+ */
+ transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) !important;
+ z-index: 100;
+}
+
+.medium-zoom-image--hidden {
+ visibility: hidden;
+}
+
+.medium-zoom-image--opened {
+ position: relative;
+ cursor: pointer;
+ cursor: zoom-out;
+ will-change: transform;
+}
\ No newline at end of file
--
Gitblit v1.10.0