use variables in soft_media module

2022-04-14 16:15:42 +01:00
parent f0795da618
commit 27d832b244
2 changed files with 14 additions and 2 deletions
--- a/modules/soft_media.css
+++ b/modules/soft_media.css
@@ -1,6 +1,12 @@
+:root {
+	--soft-media-opacity: 0.75;
+	--soft-media-transition-time: .5s;
+	--soft-media-transition-timing-function: ease-in-out;
+}
+
 img, video {
-	opacity: .75;
-	transition: opacity .5s ease-in-out;
+	opacity: var(--soft-media-opacity);
+	transition: opacity var(--soft-media-transition-time) var(--soft-media-transition-timing-function);
 }
 img:hover, video:hover {
 	opacity: 1;