Update website
This commit is contained in:
parent
4413528994
commit
1d90fbf296
6865 changed files with 1091082 additions and 0 deletions
97
assets/static/sass/components/_split.scss
Normal file
97
assets/static/sass/components/_split.scss
Normal file
|
@ -0,0 +1,97 @@
|
|||
///
|
||||
/// 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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue