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

hover card with bg
All checks were successful
Deploy / Deploy to Production (push) Successful in 12s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-01-28 01:15:51 +01:00
parent a0f0110fa6
commit dbf9097701
7 changed files with 110 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,6 +3,7 @@
.card--article-small{
@include grid-content();
margin-bottom: calc(var(--spacing)*0.5);
padding-bottom: calc(var(--spacing)*0.5);
@ -45,11 +46,10 @@
max-width: 32ch;
}
&:hover{
background-color: var(--grey-950);
}
@include btn--go-to();
@include hover-card-line();
@media #{$medium}{

21
assets/css/components/_card-impact.scss
View file

@ -1,12 +1,14 @@
.card--impact{
@include grid-content();
// grid-row-gap: 0;
padding: calc(var(--spacing)*0.5) 0;
border-bottom: var(--border-light);
&:first-of-type{
border-top: var(--border-light);
}
&.has-link{
@include hover-card-line();
}
padding: calc(var(--spacing)*0.5) 0;
container-type: inline-size;
container-name: impact;
@ -75,9 +77,7 @@
}
&.has-link:hover{
background-color: var(--grey-950);
}
@ -127,12 +127,3 @@
}
[data-template="impacts"]{
.card--impact:not([data-impact-type="media"]):hover{
background-color: var(--grey-950);
}
}