201 lines
No EOL
3.5 KiB
SCSS
201 lines
No EOL
3.5 KiB
SCSS
.section--home {
|
|
|
|
.title-section {
|
|
font-weight: normal;
|
|
font-size: var(--fs-big);
|
|
margin-bottom: calc(var(--spacing)*1);
|
|
}
|
|
|
|
.description-section {
|
|
max-width: 42ch;
|
|
font-size: var(--fs-normal);
|
|
line-height: 1.1;
|
|
}
|
|
|
|
.btn--home{
|
|
margin-top: calc(var(--spacing)*2);
|
|
}
|
|
|
|
|
|
@media #{$medium-up} {
|
|
|
|
border-bottom: var(--border-light);
|
|
|
|
.section--inner {
|
|
max-width: 1280px;
|
|
margin: calc(var(--spacing)*4) auto;
|
|
display: grid;
|
|
--gap: calc(var(--padding-body)*2);
|
|
grid-template-columns: 1fr 640px;
|
|
grid-gap: var(--gap);
|
|
}
|
|
|
|
|
|
.col-left {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
|
|
}
|
|
|
|
.col-right {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
@media #{$medium} {
|
|
|
|
// &#home__investigations,
|
|
// &#home__hero {
|
|
// border-bottom: var(--border-light);
|
|
// }
|
|
|
|
// .section--inner {
|
|
// margin-top: calc(var(--spacing)*3);
|
|
// margin-bottom: calc(var(--spacing)*4);
|
|
// }
|
|
|
|
// .col-left {
|
|
// display: flex;
|
|
// flex-wrap: wrap;
|
|
// align-items: flex-end;
|
|
// justify-content: space-between;
|
|
// margin-bottom: calc(var(--spacing)*2);
|
|
|
|
// .title-section {
|
|
// width: 100%;
|
|
// }
|
|
|
|
// }
|
|
}
|
|
|
|
@media #{$x-small} {
|
|
// .section--inner {
|
|
// margin-top: calc(var(--spacing)*2);
|
|
// margin-bottom: calc(var(--spacing)*4);
|
|
// margin-bottom: 0px;
|
|
// }
|
|
|
|
// .col-left{
|
|
// margin-bottom: calc(var(--spacing)*1.5);
|
|
// }
|
|
|
|
|
|
// .title-section {
|
|
// margin-bottom: calc(var(--spacing)*0.25);
|
|
// }
|
|
|
|
// .description-section {
|
|
// max-width: 42ch;
|
|
// font-size: var(--fs-normal);
|
|
// }
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#home__investigations {
|
|
|
|
.home-investigations-slider {
|
|
max-width: 500px;
|
|
height: auto;
|
|
}
|
|
|
|
.card--article {
|
|
|
|
.time-alone {
|
|
display: block;
|
|
}
|
|
|
|
.dl,
|
|
.pin {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
#home__hero {
|
|
margin-top: calc(var(--spacing)*3);
|
|
margin-bottom: calc(var(--spacing)*3);
|
|
|
|
@media #{$x-small} {
|
|
margin-top: calc(var(--spacing)*2.5);
|
|
padding-bottom: calc(var(--spacing)*1.5);
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
.section--inner {
|
|
display: block;
|
|
}
|
|
|
|
.baseline {
|
|
font-size: var(--fs-big);
|
|
line-height: 1.1;
|
|
max-width: 32ch;
|
|
}
|
|
|
|
button {
|
|
margin-top: calc(var(--spacing)*1);
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
#home__folders {
|
|
.card--folder {
|
|
margin-bottom: calc(var(--spacing)*0.5);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media #{$medium} {
|
|
|
|
.section--home:not(#home-hero) {
|
|
border-bottom: var(--border);
|
|
padding-bottom: calc(var(--spacing)*4);
|
|
margin-bottom: calc(var(--spacing)*4);
|
|
|
|
.col-left{
|
|
margin-bottom: calc(var(--spacing)*3);
|
|
}
|
|
}
|
|
|
|
#home__hero{
|
|
height: calc(100vh - var(--header-h));
|
|
margin: 0!important;
|
|
border-bottom: none!important;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-end;
|
|
padding-bottom: 25vh!important;
|
|
|
|
}
|
|
|
|
#home__investigations{
|
|
margin-top: 0px;
|
|
}
|
|
|
|
} |