Edit and WIP on Location page

Create house component
2021-10-07 22:10:08 +02:00
parent d397fdb00f
commit eb6762b240
6 changed files with 377 additions and 56 deletions
--- a/src/style/organisms/_house.scss
+++ b/src/style/organisms/_house.scss
@@ -0,0 +1,51 @@
+.house {
+    --columns: 20;
+    grid-column-start: 3;
+    position: relative;
+
+    a {
+        text-decoration: none;
+    }
+
+    // Information
+    &__info {
+        grid-column: 4 / span 14;
+        margin-bottom: 56px;
+        max-width: 800px;
+
+        time {
+            display: block;
+            margin-top: 24px;
+            color: $color-lightgray;
+        }
+    }
+
+    // Photo
+    &__photo {
+        position: relative;
+        display: block;
+        grid-column: 1 / span 17;
+
+        picture {
+            position: relative;
+            z-index: 3;
+            border-radius: 8px;
+            overflow: hidden;
+        }
+        img {
+            display: block;
+            width: 100%;
+            height: auto;
+            object-fit: contain;
+        }
+    }
+
+    // Photo number
+    &__index {
+        position: absolute;
+        right: -250px;
+        top: 50%;
+        transform: translateY(-50%);
+        z-index: 1;
+    }
+}