studio-variable/index-main
4
0
Fork 0
Code Issues 16 Pull requests Projects Releases Packages Wiki Activity Actions

create template packages
All checks were successful
Deploy / Deploy to Production (push) Successful in 5m17s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-25 18:22:13 +01:00
parent f73b8cb90b
commit aba8b4f37e
20 changed files with 414 additions and 526 deletions
Download patch file Download diff file Expand all files Collapse all files

156
assets/css/template/_package.scss
View file

@ -1,88 +1,88 @@
.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);
// .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;
// position: relative;
.container-cards {
display: block;
align-self: start;
}
// .container-cards {
// display: block;
// align-self: start;
// }
#section__investigations article {
margin-bottom: calc(var(--spacing) * 1);
}
// #section__investigations article {
// margin-bottom: calc(var(--spacing) * 1);
// }
.container__title {
font-weight: normal;
font-size: var(--fs-small);
font-weight: 500;
// .container__title {
// font-weight: normal;
// font-size: var(--fs-small);
// font-weight: 500;
text-transform: uppercase;
margin-bottom: calc(var(--spacing) * 0.75);
}
// 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} {
// #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 #{$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;
}
}
}
// @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);
// #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;
}
}
// svg {
// width: 10px;
// height: 10px;
// transform: rotate(90deg);
// }
// }
// @media #{$medium-up} {
// #nav-package {
// display: none;
// }
// }