Create reusable class for Photo

2021-10-17 22:18:26 +02:00
parent 38006355db
commit 277005c591
4 changed files with 30 additions and 30 deletions
--- a/src/style/atoms/_photo.scss
+++ b/src/style/atoms/_photo.scss
@@ -0,0 +1,25 @@
+.photo {
+    overflow: hidden;
+    background: $color-primary-tertiary20;
+    border-radius: 6px;
+
+    a {
+        position: relative;
+        display: block;
+        height: 100%;
+        cursor: zoom-in;
+
+        & > picture {
+            height: 100%;
+
+            img {
+                display: block;
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+                pointer-events: none;
+                user-select: none;
+            }
+        }
+    }
+}