index-main/assets/css/template/_investigation.scss

92 lines
1.5 KiB
SCSS
Raw Normal View History

[data-template="investigation"] main {
2026-01-13 14:12:50 +01:00
position: relative;
2026-02-18 16:40:20 +01:00
.page__header {
2026-02-03 08:24:43 +01:00
margin-inline: auto;
max-width: var(--max-w-content);
2026-02-18 18:17:48 +01:00
margin-bottom: 0px;
2026-02-23 17:34:16 +01:00
2026-02-18 18:17:48 +01:00
.description{
margin-bottom: 0px;
}
2026-02-03 08:24:43 +01:00
}
2026-02-18 16:40:20 +01:00
.page__content{
max-width: 100%;
2026-01-23 17:38:08 +01:00
}
2026-02-23 17:34:16 +01:00
#investigation__hero{
@media #{$small-up} {
padding-top: calc(var(--spacing)*4);
margin-bottom: calc(var(--spacing)*3);
}
@media #{$small} {
padding-top: calc(var(--spacing)*1.5);
margin-bottom: calc(var(--spacing)*2);
}
}
2026-02-18 16:40:20 +01:00
.investigation__content{
font-size: var(--fs-text);
2026-01-23 17:38:08 +01:00
}
2026-01-25 22:25:08 +01:00
2026-02-18 16:40:20 +01:00
#investigation__dl {
2026-01-13 14:12:50 +01:00
margin-top: calc(var(--spacing) * 1.5);
border-bottom: var(--border-light);
2026-02-03 08:24:43 +01:00
max-width: var(--max-w-content);
margin-inline: auto;
2026-02-18 16:40:20 +01:00
font-size: var(--fs-normal);
2026-01-06 11:19:25 +01:00
2026-02-23 17:34:16 +01:00
@media #{$small} {
font-size: var(--fs-small);
}
2026-01-13 14:12:50 +01:00
.dl__group {
@include grid-content();
2026-02-07 15:59:34 +01:00
column-gap: 1ch;
2026-01-13 14:12:50 +01:00
border-top: var(--border-light);
padding: calc(var(--spacing) * 0.5) 0;
2026-01-06 11:19:25 +01:00
}
2026-01-13 14:12:50 +01:00
dt {
color: var(--color-txt-light);
padding-right: 1ch;
2026-01-06 11:19:25 +01:00
}
2026-01-06 15:43:31 +01:00
2026-01-13 14:12:50 +01:00
ul:not(.keywords) {
list-style: none;
2026-01-23 17:38:08 +01:00
2026-01-13 14:12:50 +01:00
li {
padding-bottom: 0.2em;
}
}
}
2026-01-06 15:43:31 +01:00
2026-01-23 17:38:08 +01:00
2026-02-18 16:40:20 +01:00
.investigation__aside{
max-width: var(--max-w-cards);
2026-02-18 18:17:48 +01:00
margin-inline: auto;
padding-top: calc(var(--spacing)*4);
2026-01-06 15:43:31 +01:00
2026-02-18 16:40:20 +01:00
.aside__title{
font-weight: 500;
2026-02-18 16:40:20 +01:00
text-transform: uppercase;
margin-bottom: calc(var(--spacing)*1)
2026-01-13 14:12:50 +01:00
}
}
2026-01-06 11:19:25 +01:00
2026-02-23 18:12:04 +01:00
2026-02-18 16:40:20 +01:00
2026-01-06 11:19:25 +01:00
}
2026-02-23 18:12:04 +01:00