98 lines
1.6 KiB
SCSS
98 lines
1.6 KiB
SCSS
///
|
|
/// Hyperspace by HTML5 UP
|
|
/// html5up.net | @ajlkn
|
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
///
|
|
|
|
/* Split */
|
|
|
|
.split {
|
|
@include vendor('display', 'flex');
|
|
|
|
> * {
|
|
width: calc(50% - 2.5em);
|
|
padding-top: 1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
> :first-child {
|
|
padding-left: 1em;
|
|
}
|
|
|
|
> :nth-child(2n - 1) {
|
|
padding-right: 2.5em;
|
|
border-right: solid 1px _palette(border);
|
|
}
|
|
|
|
> :nth-child(2n) {
|
|
padding-left: 2.5em;
|
|
}
|
|
|
|
&.style1 {
|
|
> :nth-child(2n - 1) {
|
|
width: calc(66.66666% - 2.5em);
|
|
}
|
|
|
|
> :nth-child(2n) {
|
|
width: calc(33.33333% - 2.5em);
|
|
}
|
|
}
|
|
|
|
@include breakpoint('<=xlarge') {
|
|
> * {
|
|
width: calc(50% - 2em);
|
|
}
|
|
|
|
> :nth-child(2n - 1) {
|
|
padding-right: 2em;
|
|
}
|
|
|
|
> :nth-child(2n) {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
&.style1 {
|
|
> :nth-child(2n - 1) {
|
|
width: calc(66.66666% - 2em);
|
|
}
|
|
|
|
> :nth-child(2n) {
|
|
width: calc(33.33333% - 2em);
|
|
}
|
|
}
|
|
}
|
|
|
|
@include breakpoint('<=medium') {
|
|
display: block;
|
|
|
|
> * {
|
|
border-top: solid 1px _palette(border);
|
|
margin: 4em 0 0 0;
|
|
padding: 4em 0 0 0;
|
|
width: 100% !important;
|
|
}
|
|
|
|
> :nth-child(2n - 1) {
|
|
border-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
> :nth-child(2n) {
|
|
padding-left: 0;
|
|
}
|
|
|
|
> :first-child {
|
|
border-top: 0;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
@include breakpoint('<=small') {
|
|
> * {
|
|
margin: 3em 0 0 0;
|
|
padding: 3em 0 0 0;
|
|
}
|
|
}
|
|
}
|