greenleebt/business-website
1
0
Fork 0
mirror of https://gitlab.com/greenleebt/business-website.git synced 2026-08-17 16:26:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

init

Browse source
This commit is contained in:
Andrew Banchich 2022-12-09 21:59:31 -05:00
commit 59d5238af5
89 changed files with 6040 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

94
_sass/layout/_contact.scss Normal file
View file

@ -0,0 +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%;
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));
}
}
}
}