86 lines
1.9 KiB
SCSS
86 lines
1.9 KiB
SCSS
.terms {
|
|
// Categories
|
|
&__categories {
|
|
.container {
|
|
display: block;
|
|
padding-bottom: clamp(48px, 12vw, 80px);
|
|
|
|
@include bp (sm) {
|
|
display: grid;
|
|
padding-bottom: clamp(80px, 10vw, 144px);
|
|
}
|
|
}
|
|
|
|
// Footer
|
|
footer {
|
|
margin-top: 40px;
|
|
color: $color-lilas-bright;
|
|
|
|
@include bp (sm) {
|
|
grid-column: 12 / -3;
|
|
margin-top: 64px;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Section
|
|
&__section {
|
|
--columns: 16;
|
|
display: block;
|
|
|
|
&:not(:last-of-type) {
|
|
margin-bottom: 40px;
|
|
|
|
@include bp (sm) {
|
|
margin-bottom: clamp(40px, 5vw, 72px);
|
|
}
|
|
}
|
|
|
|
@include bp (sm) {
|
|
display: grid;
|
|
align-items: baseline;
|
|
grid-column: 3 / -3;
|
|
}
|
|
@include bp (sd) {
|
|
grid-column: 5 / -5;
|
|
}
|
|
|
|
h2 {
|
|
margin-bottom: 0.75em;
|
|
color: $color-secondary-light;
|
|
line-height: 1.1;
|
|
|
|
@include bp (sm) {
|
|
position: sticky;
|
|
top: clamp(24px, 3vw, 40px);
|
|
grid-column: 1 / span 4;
|
|
margin-bottom: 0;
|
|
text-align: right;
|
|
}
|
|
@include bp (sd) {
|
|
grid-column: 1 / span 6;
|
|
}
|
|
}
|
|
.text {
|
|
color: $color-tertiary;
|
|
line-height: 1.5;
|
|
|
|
@include bp (sm) {
|
|
grid-column: 6 / -1;
|
|
}
|
|
@include bp (sd) {
|
|
grid-column: 8 / -1;
|
|
}
|
|
|
|
& > :global(*:not(:last-child)) {
|
|
margin-bottom: 1em;
|
|
}
|
|
:global(strong) {
|
|
font-weight: 500;
|
|
}
|
|
:global(ul) {
|
|
margin-left: 1em;
|
|
}
|
|
}
|
|
}
|
|
} |