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

blueprint & templates Impacts
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-24 17:05:22 +01:00
parent fab10a38d8
commit 7b3ebb3ca4
15 changed files with 369 additions and 237 deletions
Download patch file Download diff file Expand all files Collapse all files

23
assets/css/components/_card-block.scss
View file

@ -65,15 +65,32 @@
.investigations{
text-decoration: none;
list-style: none;
// border-top: var(--border-light);
padding-top: calc(var(--spacing)*0.5);
width: 100%;
z-index: 100;
li{
font-size: var(--fs-small);
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-txt-light);
font-size: var(--fs-small);
a{
text-decoration: none;
color: var(--color-txt-light);
}
a::before{
content: "↪ "
}
&:hover{
a{
text-decoration: underline 1px;
text-underline-offset: 2px;
color: var(--color-txt);
}
}
}
}
@ -100,6 +117,10 @@
top: 3px;
}
// .link-block{
// background-color: rgba(255, 0, 0, 0.781);
// }

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

@ -23,3 +23,69 @@
.page__type{
height: calc(var(--h-block)*1);
border-radius: var(--radius-small);
border: var(--border-medium);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1.5ch;
padding-top: 5px;
font-size: var(--fs-small);
background-color: var(--color-bg);
color: var(--color-txt-light);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
@media #{$small} {
height: calc(var(--h-block)*0.75);
font-size: var(--fs-xsmall);
padding: 0 1ch;
padding-top: 3px;
}
}
.page__category{
height: calc(var(--h-block)*1);
border-radius: var(--radius-small);
margin-left: calc(var(--padding-inner)*0.25);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 1.5ch;
padding-top: 5px;
font-size: var(--fs-small);
background-color: var(--color-txt);
color: var(--color-bg);
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
@media #{$small} {
height: calc(var(--h-block)*0.75);
font-size: var(--fs-xsmall);
padding: 0 1ch;
padding-top: 3px;
}
}

51
assets/css/components/_figures.scss
View file

@ -1,11 +1,10 @@
@mixin figure-16-9{
& > picture,
@mixin figure-16-9{
& > figure{
aspect-ratio: 16/9;
display: flex;
overflow: hidden;
img{
img, picture{
width: 100%;
height: 100%;
object-fit: cover;
@ -16,49 +15,3 @@
}
@mixin figure-3-1(){
& > picture,
& > figure{
aspect-ratio: 3/1;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
// @mixin figure-2-1(){
// & > picture,
// & > figure{
// aspect-ratio: 2/1;
// overflow: hidden;
// img{
// width: 100%;
// height: 100%;
// object-fit: cover;
// }
// }
// }
// @mixin figure-16-9-hover{
// figure{
// aspect-ratio: 16/9;
// display: flex;
// overflow: hidden;
// img{
// width: 100%;
// height: 100%;
// object-fit: cover;
// transition: cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s;
// }
// }
// &:hover{
// figure img{ transform: scale(1.05); }
// }
// }