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

cleaning
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-25 18:28:59 +01:00
parent aba8b4f37e
commit b436ea2770
10 changed files with 12 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

11
assets/css/components/_card-article-small.scss
View file

@ -17,18 +17,7 @@
.type {
display: inline-flex;
flex-grow: 0;
height: calc(var(--h-block)*0.75);
border-radius: var(--radius-small);
border: var(--border-medium);
align-items: center;
padding: 5px 1ch 0 1ch;
font-size: var(--fs-xsmall);
text-transform: uppercase;
font-weight: 500;
color: var(--color-txt-light);
margin-bottom: calc(var(--spacing)*0.75);
}

94
assets/css/components/_card-package.scss
View file

@ -1,94 +0,0 @@
// .card--package {
// position: relative;
// max-width: var(--max-w-cards);
// border: var(--border-light);
// @include grid-content();
// @include figure-16-9();
// container-type: inline-size;
// container-name: cardpackage;
// figure {
// border-radius: var(--radius-small);
// background-color: var(--color-accent);
// img {
// opacity: 0.8;
// filter: grayscale(1);
// }
// }
// .content {
// display: flex;
// flex-direction: column;
// font-size: var(--fs-small);
// }
// .title {
// font-weight: 500;
// font-size: var(--fs-normal);
// line-height: var(--leading-title);
// margin-bottom: 0.75em;
// text-wrap: balance;
// max-width: 42ch;
// text-transform: uppercase;
// padding-top: calc(var(--spacing) * 0.25);
// a {
// text-decoration: none;
// }
// @media #{$small} {
// font-size: var(--fs-normal);
// }
// .icon {
// padding-right: 1ch;
// position: relative;
// top: 1px;
// svg {
// height: 15px;
// width: 15px;
// fill: var(--color-txt);
// }
// }
// }
// .short {
// @include clamp(3);
// flex-grow: 1;
// padding-right: calc(var(--padding-inner) * 2);
// }
// ul {
// display: flex;
// list-style: none;
// gap: 1ch;
// color: var(--color-txt-light);
// padding-top: calc(var(--spacing) * 0.5);
// li + li {
// &::before {
// content: "|";
// padding-right: 1ch;
// }
// }
// @media #{$small} {
// font-size: var(--fs-small);
// }
// }
// .btn--go-to {
// position: absolute;
// right: calc(var(--padding-inner) * 1);
// bottom: var(--padding-inner);
// }
// @include btn--go-to();
// &:hover {
// background-color: var(--grey-950);
// border-color: var(--color-txt);
// }
// }

8
assets/css/components/_category.scss
View file

@ -1,4 +1,4 @@
.category{
.type{
height: calc(var(--h-block)*0.75);
// border-radius: calc(var(--h-block)*0.75/2);
border-radius: var(--radius-small);
@ -23,7 +23,7 @@
.type{
.category{
height: calc(var(--h-block)*0.75);
border-radius: var(--radius-small);
@ -45,7 +45,7 @@
white-space: nowrap;
}
.page__type{
.page__category{
height: calc(var(--h-block)*1);
border-radius: var(--radius-small);
@ -78,7 +78,7 @@
}
.page__category{
.page__type{
height: calc(var(--h-block)*1);
border-radius: var(--radius-small);

23
assets/css/style.css
View file

@ -655,7 +655,7 @@ button:disabled {
text-underline-offset: 2px;
}
.category {
.type {
height: calc(var(--h-block) * 0.75);
border-radius: var(--radius-small);
display: inline-flex;
@ -672,7 +672,7 @@ button:disabled {
white-space: nowrap;
}
.type {
.category {
height: calc(var(--h-block) * 0.75);
border-radius: var(--radius-small);
display: inline-flex;
@ -690,7 +690,7 @@ button:disabled {
white-space: nowrap;
}
.page__type {
.page__category {
height: calc(var(--h-block) * 1);
border-radius: var(--radius-small);
border: var(--border-medium);
@ -708,7 +708,7 @@ button:disabled {
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page__type {
.page__category {
height: calc(var(--h-block) * 0.75);
font-size: var(--fs-xsmall);
padding: 0 1ch;
@ -716,7 +716,7 @@ button:disabled {
}
}
.page__category {
.page__type {
height: calc(var(--h-block) * 1);
border-radius: var(--radius-small);
margin-left: calc(var(--padding-inner) * 0.25);
@ -734,7 +734,7 @@ button:disabled {
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page__category {
.page__type {
height: calc(var(--h-block) * 0.75);
font-size: var(--fs-xsmall);
padding: 0 1ch;
@ -1737,17 +1737,6 @@ button.sort[data-sort-type=up] .arrow {
}
.card--package .type,
.card--article-small .type {
display: inline-flex;
flex-grow: 0;
height: calc(var(--h-block) * 0.75);
border-radius: var(--radius-small);
border: var(--border-medium);
align-items: center;
padding: 5px 1ch 0 1ch;
font-size: var(--fs-xsmall);
text-transform: uppercase;
font-weight: 500;
color: var(--color-txt-light);
margin-bottom: calc(var(--spacing) * 0.75);
}
.card--package .content,

2
assets/css/style.css.map
View file

File diff suppressed because one or more lines are too long

2
assets/css/style.scss
View file

@ -25,7 +25,6 @@
@import "components/card-article-small";
@import "components/card-block";
@import "components/card-block-small";
// @import "components/card-package";
@import "components/card-open-graph";
@import "components/swiper";
@import "components/slider-before-after";
@ -44,5 +43,4 @@
@import "template/page-single";
@import "template/investigation";
@import "template/investigation_content";
@import "template/package";
@import "template/impacts";

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

@ -1,88 +0,0 @@
// .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;
// }
// }