1
0
forked from SPC/spc-site
varvara_kaplenko/data/home/assets/sass/layout/_contact.scss

93 lines
1.5 KiB
SCSS
Raw Normal View History

2022-05-13 17:21:06 +03:00
///
/// 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));
}
}
}
}