136 lines
2.7 KiB
SCSS
136 lines
2.7 KiB
SCSS
[data-template="investigation"] main {
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.page__header {
|
|
margin-inline: auto;
|
|
max-width: var(--max-w-content);
|
|
margin-bottom: 0px;
|
|
.description{
|
|
margin-bottom: 0px;
|
|
}
|
|
}
|
|
|
|
.page__content{
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
.investigation__content{
|
|
font-size: var(--fs-text);
|
|
}
|
|
|
|
|
|
|
|
// @media screen and (max-width: 1340px) {
|
|
// margin-left: auto;
|
|
// margin-right: calc(var(--padding-body) * 3);
|
|
// .panel-left {
|
|
// width: calc(100vw - var(--max-w-cards) - var(--padding-body) * 6);
|
|
// }
|
|
// }
|
|
|
|
// @media screen and (max-width: 1220px) {
|
|
// margin-left: auto;
|
|
// margin-right: 0px;
|
|
// width: calc(100% - var(--panel-w) * 0.5 - var(--padding-body));
|
|
// .panel-left {
|
|
// width: calc(var(--panel-w) * 0.5);
|
|
// }
|
|
// }
|
|
|
|
// .section__article {
|
|
// background-color: red;
|
|
// margin-top: calc(var(--spacing) * 3);
|
|
// margin-bottom: calc(var(--spacing) * 3);
|
|
// max-width: var(--max-w-content);
|
|
// margin-inline: auto;
|
|
|
|
// &:target {
|
|
// padding-top: calc(var(--header-h) + var(--spacing) * 1);
|
|
// }
|
|
|
|
// a:hover {
|
|
// color: var(--grey-200);
|
|
// }
|
|
|
|
// .section__title {
|
|
// font-weight: 500;
|
|
// text-transform: uppercase;
|
|
// margin-bottom: calc(var(--spacing) * 1);
|
|
// padding-right: 2ch;
|
|
// text-wrap: balance;
|
|
// }
|
|
// }
|
|
|
|
|
|
|
|
#investigation__dl {
|
|
margin-top: calc(var(--spacing) * 1.5);
|
|
border-bottom: var(--border-light);
|
|
max-width: var(--max-w-content);
|
|
margin-inline: auto;
|
|
font-size: var(--fs-normal);
|
|
|
|
.dl__group {
|
|
@include grid-content();
|
|
column-gap: 1ch;
|
|
border-top: var(--border-light);
|
|
padding: calc(var(--spacing) * 0.5) 0;
|
|
}
|
|
|
|
dt {
|
|
color: var(--color-txt-light);
|
|
padding-right: 1ch;
|
|
}
|
|
|
|
ul:not(.keywords) {
|
|
list-style: none;
|
|
|
|
li {
|
|
padding-bottom: 0.2em;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.investigation__aside{
|
|
max-width: var(--max-w-cards);
|
|
margin-inline: auto;
|
|
padding-top: calc(var(--spacing)*4);
|
|
|
|
.aside__title{
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
margin-bottom: calc(var(--spacing)*1)
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
// SMALL ----------------------------------------------------------
|
|
// ----------------------------------------------------------------
|
|
|
|
// @media #{$small} {
|
|
// [data-template="investigation"] main {
|
|
// width: 100%;
|
|
|
|
// header {
|
|
// margin-bottom: calc(var(--spacing) * 1);
|
|
// }
|
|
|
|
// .section__article {
|
|
// margin-top: calc(var(--spacing) * 2);
|
|
// margin-bottom: calc(var(--spacing) * 2);
|
|
// }
|
|
|
|
// .panel-left {
|
|
// display: none;
|
|
// }
|
|
// }
|
|
|
|
}
|