adulau/art
1
0
Fork 0
mirror of https://github.com/adulau/art.git synced 2024-11-23 10:37:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix #8

Browse source
This commit is contained in:
Andrew Banchich 2018-09-09 17:13:48 +00:00
parent 10a9b45f6e
commit 4f5766eee6
1 changed files with 93 additions and 92 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

185
_sass/layout/_contact.scss
View file

@ -1,93 +1,94 @@
/// ///
/// Forty by HTML5 UP /// Forty by HTML5 UP
/// html5up.net | @ajlkn /// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
/// ///
/* Contact */ /* Contact */
#contact { #contact {
border-bottom: solid 1px _palette(border); border-bottom: solid 1px _palette(border);
overflow-x: hidden; overflow-x: hidden;
> .inner { > .inner {
@include vendor('display', 'flex'); @include vendor('display', 'flex');
padding: 0 !important; padding: 0 !important;
> :nth-child(2n - 1) { > :nth-child(2n - 1) {
@include padding(4em, 0, (0, 3em, 0, 0)); @include padding(4em, 0, (0, 3em, 0, 0));
border-right: solid 1px _palette(border); border-right: solid 1px _palette(border);
width: 60%; width: 60%;
} z-index: 1;
}
> :nth-child(2n) {
padding-left: 3em; > :nth-child(2n) {
width: 40%; padding-left: 3em;
} width: 40%;
}
> .split {
padding: 0; > .split {
padding: 0;
> * {
@include padding(3em, 0, (0, 0, 0, 3em)); > * {
position: relative; @include padding(3em, 0, (0, 0, 0, 3em));
position: relative;
&:before {
border-top: solid 1px _palette(border); &:before {
content: ''; border-top: solid 1px _palette(border);
display: block; content: '';
margin-left: -3em; display: block;
position: absolute; margin-left: -3em;
top: 0; position: absolute;
width: calc(100vw + 3em); top: 0;
} width: calc(100vw + 3em);
} }
}
> :first-child {
&:before { > :first-child {
display: none; &:before {
} display: none;
} }
} }
} }
}
@include breakpoint(medium) {
> .inner { @include breakpoint(medium) {
display: block; > .inner {
display: block;
> :nth-child(2n - 1) {
@include padding(4em, 0, (0, 0, 0, 0)); > :nth-child(2n - 1) {
border-right: 0; @include padding(4em, 0, (0, 0, 0, 0));
width: 100%; border-right: 0;
} width: 100%;
}
> :nth-child(2n) {
padding-left: 0; > :nth-child(2n) {
width: 100%; padding-left: 0;
} width: 100%;
}
> .split {
> * { > .split {
@include padding(3em, 0, (0, 0, 0, 0)); > * {
@include padding(3em, 0, (0, 0, 0, 0));
&:before {
} &:before {
} }
}
> :first-child {
&:before { > :first-child {
display: block; &:before {
} display: block;
} }
} }
} }
} }
}
@include breakpoint(small) {
> .inner { @include breakpoint(small) {
> :nth-child(2n - 1) { > .inner {
@include padding(3em, 0, (0, 0, 0, 0)); > :nth-child(2n - 1) {
} @include padding(3em, 0, (0, 0, 0, 0));
} }
} }
}
} }