93 lines
1.6 KiB
SCSS
93 lines
1.6 KiB
SCSS
///
|
|
/// 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));
|
|
}
|
|
}
|
|
}
|
|
} |