From 4f5766eee65598f18e1b85eb0618daf2fa46604e Mon Sep 17 00:00:00 2001 From: Andrew Banchich Date: Sun, 9 Sep 2018 17:13:48 +0000 Subject: [PATCH] Fix #8 --- _sass/layout/_contact.scss | 185 +++++++++++++++++++------------------ 1 file changed, 93 insertions(+), 92 deletions(-) diff --git a/_sass/layout/_contact.scss b/_sass/layout/_contact.scss index 5d5ecce..ffa128d 100644 --- a/_sass/layout/_contact.scss +++ b/_sass/layout/_contact.scss @@ -1,93 +1,94 @@ -/// -/// 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)); - } - } - } +/// +/// 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%; + z-index: 1; + } + + > :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