15581752b8
- Rename CSS files: _card-folder.scss → card-package - Rename template files: _folder.scss → package - Update all CSS class names and selectors - Delete old folder blueprints and templates - Add new package blueprints with improved structure - Update investigation-summary template and blueprint - Add "Dossiers" menu item in panel configuration - Improve package blueprint with linkedContent field Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
88 lines
1.7 KiB
SCSS
88 lines
1.7 KiB
SCSS
.content-package {
|
|
// max-width: 1300px;
|
|
max-width: var(--max-w-cards);
|
|
margin: 0 auto;
|
|
display: grid;
|
|
grid-gap: calc(var(--padding-body) * 1.5);
|
|
// grid-template-columns: 60% cacl(40% - var(--padding-body)*1.5);
|
|
|
|
position: relative;
|
|
|
|
.container-cards {
|
|
display: block;
|
|
align-self: start;
|
|
}
|
|
|
|
#section__investigations article {
|
|
margin-bottom: calc(var(--spacing) * 1);
|
|
}
|
|
|
|
.container__title {
|
|
font-weight: normal;
|
|
font-size: var(--fs-small);
|
|
font-weight: 500;
|
|
|
|
text-transform: uppercase;
|
|
margin-bottom: calc(var(--spacing) * 0.75);
|
|
}
|
|
|
|
@media #{$medium} {
|
|
#section__investigations {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-gap: calc(var(--padding-inner) * 1.5) !important;
|
|
margin-bottom: calc(var(--spacing) * 3);
|
|
article {
|
|
margin-bottom: 0px;
|
|
}
|
|
.container__title {
|
|
grid-column: span 2;
|
|
margin-bottom: 0px;
|
|
}
|
|
}
|
|
section:target {
|
|
padding-top: calc(var(--header-h) + var(--spacing));
|
|
}
|
|
}
|
|
|
|
@media #{$medium-up} {
|
|
#nav-package {
|
|
display: none;
|
|
}
|
|
grid-template-columns: 1fr 1fr;
|
|
#section__investigations {
|
|
display: block;
|
|
margin-bottom: 0px;
|
|
article {
|
|
margin-bottom: calc(var(--spacing) * 1);
|
|
}
|
|
}
|
|
}
|
|
|
|
@media #{$small} {
|
|
display: block;
|
|
#section__investigations {
|
|
display: block;
|
|
}
|
|
.container__title {
|
|
margin-bottom: calc(var(--spacing) * 0.5) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
#nav-package {
|
|
display: flex;
|
|
margin-top: calc(var(--spacing) * -1);
|
|
margin-bottom: calc(var(--spacing) * 2);
|
|
|
|
svg {
|
|
width: 10px;
|
|
height: 10px;
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
@media #{$medium-up} {
|
|
#nav-package {
|
|
display: none;
|
|
}
|
|
}
|