index-main/assets/css/template/_home.scss
Julie Blanc 1ea9f36aa1
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
add slider
2026-01-27 19:58:53 +01:00

82 lines
No EOL
1.3 KiB
SCSS

.section--home{
margin: calc(var(--spacing)*3);
min-height: calc(100vh - var(--header-h)*2);
border-bottom: var(--border-light);
.section--inner{
display: grid;
--gap: calc(var(--padding-body)*2);
grid-template-columns: repeat(2, calc((100% - var(--gap))*0.5));
grid-gap: var(--gap);
}
.col-left{
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.col-right{
width: 100%;
height: 100%;
}
.title-section{
font-size: var(--fs-medium);
font-weight: normal;
text-transform: uppercase;
font-size: var(--fs-big);
margin-bottom: calc(var(--spacing)*1);
}
.description{
font-size: var(--fs-medium);
line-height: 1.1;
margin-bottom: calc(var(--spacing)*1.5);
}
}
#home__investigations{
.card--article{
.description, .dl{
font-size: var(--fs-small);
}
}
}
#home__description{
.section--inner{
max-width: var(--max-w-container);
}
p{
font-size: var(--fs-big);
max-width: var(--max-w-content);
}
button{
margin-top: calc(var(--spacing)*1);
}
button .icon svg{
width: 11px;
}
}