✨feature: Build contact block

2026-05-27 18:50:01 -05:00
parent 5642bf4300
commit 54482b0e2b
8 changed files with 345 additions and 121 deletions
@@ -0,0 +1,37 @@
+/* Contact Block styles */
+
+.contact-block {
+    background-color: var(--color-navy, #0d1f35);
+    border-bottom: 1rem solid var(--color-orange, #F26B53);
+    max-width: 80.5rem;
+    overflow: hidden;
+    position: relative;
+
+    em { color: var(--color-secondary); font-style: normal; }
+
+    .contact-block__media {
+        inset-block: 0;
+        inset-inline-end: 0;
+        mask-image: linear-gradient(to right, transparent 0%, black 30%);
+        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 30%);
+        position: absolute;
+    }
+
+    .contact-block__bg-image {
+        display: block;
+        height: 100%;
+        width: 100%;
+    }
+
+    .contact-block__linework {
+        bottom: 0;
+        height: calc(100% - 1rem);
+        position: absolute;
+        right: 0;
+        width: auto;
+    }
+
+    .contact-block__content {
+
+    }
+}