X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Flayout%2F_contact.scss;fp=assets%2Fsass%2Flayout%2F_contact.scss;h=e9364bb6f24532419db91aa7819720fc2bd1c585;hb=748286b530a4b000cac6b88bbcebb258056a9e77;hp=0000000000000000000000000000000000000000;hpb=2882a244f06ed28dbd9148e7b36241242c836629;p=theme-danix.xyz.git

diff --git a/assets/sass/layout/_contact.scss b/assets/sass/layout/_contact.scss
new file mode 100644
index 0000000..e9364bb
--- /dev/null
+++ b/assets/sass/layout/_contact.scss
@@ -0,0 +1,93 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Contact */
+
+	#contact {
+		border-bottom: solid 1px _palette(border);
+		overflow-x: hidden;
+
+		> .inner {
+			@include vendor('display', 'flex');
+			padding: 0 !important;
+
+			> :nth-child(2n - 1) {
+				@include padding(4em, 0, (0, 3em, 0, 0));
+				border-right: solid 1px _palette(border);
+				width: 60%;
+			}
+
+			> :nth-child(2n) {
+				padding-left: 3em;
+				width: 40%;
+			}
+
+			> .split {
+				padding: 0;
+
+				> * {
+					@include padding(3em, 0, (0, 0, 0, 3em));
+					position: relative;
+
+					&:before {
+						border-top: solid 1px _palette(border);
+						content: '';
+						display: block;
+						margin-left: -3em;
+						position: absolute;
+						top: 0;
+						width: calc(100vw + 3em);
+					}
+				}
+
+				> :first-child {
+					&:before {
+						display: none;
+					}
+				}
+			}
+		}
+
+		@include breakpoint('<=medium') {
+			> .inner {
+				display: block;
+
+				> :nth-child(2n - 1) {
+					@include padding(4em, 0, (0, 0, 0, 0));
+					border-right: 0;
+					width: 100%;
+				}
+
+				> :nth-child(2n) {
+					padding-left: 0;
+					width: 100%;
+				}
+
+				> .split {
+					> * {
+						@include padding(3em, 0, (0, 0, 0, 0));
+
+						&:before {
+						}
+					}
+
+					> :first-child {
+						&:before {
+							display: block;
+						}
+					}
+				}
+			}
+		}
+
+		@include breakpoint('<=small') {
+			> .inner {
+				> :nth-child(2n - 1) {
+					@include padding(3em, 0, (0, 0, 0, 0));
+				}
+			}
+		}
+	}
\ No newline at end of file