refactor: use SASS @use over @import

2024-11-13 23:16:35 +01:00
parent ac3070b0b7
commit cbd1062d82
20 changed files with 66 additions and 38 deletions
--- a/apps/website/src/style/atoms/photo.scss
+++ b/apps/website/src/style/atoms/photo.scss
@@ -0,0 +1,32 @@
+@use "../imports" as *;
+
+
+.photo {
+    overflow: hidden;
+    background: $color-primary-tertiary20;
+    border-radius: 6px;
+
+    @include bp (md) {
+        border-radius: 8px;
+    }
+
+    a {
+        position: relative;
+        display: block;
+        height: 100%;
+        cursor: zoom-in;
+
+        & > picture {
+            height: 100%;
+
+            img {
+                display: block;
+                width: calc(100% + 2px);
+                height: calc(100% + 2px);
+                object-fit: cover;
+                pointer-events: none;
+                user-select: none;
+            }
+        }
+    }
+}