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

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

Browse source
This commit is contained in:
Julie Blanc 2026-01-27 22:24:47 +01:00
parent 951de348b8
commit d3c5e5c39d
10 changed files with 166 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

24
assets/css/components/_buttons.scss
View file

@ -79,7 +79,7 @@ button:disabled{
&:hover{
color: currentColor;
border-color: currentColor;
background-color: var(--grey-800);
background-color: var(--grey-950);
}
}
@ -153,12 +153,14 @@ button:disabled{
background-color: var(--color-bg);
svg{ fill: var(--color-txt); }
&:hover{
background-color: var(--grey-800);
color: var(--color-txt);
background-color: var(--grey-950);
color: var(--grey-100);
border-color: var(--grey-100);
a{
background-color: var(--grey-800);
color: var(--color-txt);
background-color: var(--grey-950);
color: var(--grey-100);
}
svg{ fill: var(--grey-100); }
}
}
@ -203,6 +205,7 @@ button:disabled{
animation: wiggle-left 0.8s ease-in-out;
}
}
}
@ -240,6 +243,17 @@ button:disabled{
height: 12px;
}
}
&:hover{
background-color: var(--grey-950);
color: var(--grey-100);
border-color: var(--grey-100);
a{
background-color: var(--grey-950);
color: var(--grey-100);
}
svg{ fill: var(--grey-100); }
}
}

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

@ -28,6 +28,7 @@
margin-bottom: 0.25em;
text-wrap: balance;
max-width: 42ch;
text-transform: uppercase;
a{ text-decoration: none;}
}

8
assets/css/components/_card-article.scss
View file

@ -6,7 +6,6 @@
padding: var(--padding-inner);
@include figure-16-9();
.content{
@ -32,6 +31,12 @@
}
}
.time-alone{
display: none;
margin-top: calc(var(--spacing)*0.25);
margin-bottom: calc(var(--spacing)*0.75);
}
.title{
margin-top: calc(var(--spacing)*0.5);
font-size: var(--fs-medium);
@ -90,6 +95,7 @@
&:hover{
border-color: var(--color-txt);
background-color: var(--grey-950);
}
.link-block{

15
assets/css/components/_card-folder.scss
View file

@ -7,6 +7,8 @@
@include figure-16-9();
container-type: inline-size;
container-name: cardfolder;
.content{
display: flex;
@ -62,6 +64,7 @@
@include btn--go-to();
&:hover{
background-color: var(--grey-950);
border-color: var(--color-txt);
}
@ -89,3 +92,15 @@
@container cardfolder (width < 520px) {
figure{
aspect-ratio: inherit;
width: 100%;
height: 100%;
}
.short, ul{
font-size: var(--fs-small);
}
}