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

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

Browse source
This commit is contained in:
Julie Blanc 2026-01-29 20:57:17 +01:00
parent 9ead1c51f4
commit b3f985a41b
30 changed files with 1601 additions and 465 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -4,17 +4,40 @@
@include grid-content();
margin-bottom: calc(var(--spacing)*0.5);
padding-top: calc(var(--spacing)*0.5);
padding-bottom: calc(var(--spacing)*0.5);
border-bottom: var(--border-light);
border-bottom: var(--border-light);
&:first-of-type{
padding-top: calc(var(--spacing)*0.5);
border-top: var(--border-light);
}
&.has-link {
@include hover-card-line();
}
// &:first-of-type{
// padding-top: calc(var(--spacing)*0.5);
// border-top: var(--border-light);
// }
@include figure-16-9();
figure{
margin-left: 45px;
@media #{$x-small}{ margin-left: 0px; }
}
.icon-article{
position: absolute;
left: 10px;
padding-top: calc(var(--spacing)*0.5);
svg{
width: 20px;
fill: var(--color-txt);
}
}
.content{
display: flex;
@ -38,12 +61,11 @@
flex-grow: 1;
color: var(--color-txt-light);
}
.keywords--small{
margin-top: 1.5em;
padding-bottom: calc(var(--spacing)*0.25);
color: var(--color-txt-light);
z-index: 1000;
max-width: 32ch;
.description{
@include clamp(2);
margin-bottom: calc(var(--spacing)*0.75);
}
@ -60,6 +82,17 @@
}
@media #{$x-small}{
// figure{
// aspect-ratio: inherit;
// width: 100%;
// height: 100%;
// }
.icon-article{ display: none; }
.description{
display: none;
}
.content{
padding: 0;
}
@ -70,11 +103,21 @@
font-size: var(--fs-small);
margin-top: 0.25em;
}
.keywords--small{
font-size: var(--fs-small);
margin-top: 0.5em;
padding-bottom: 0;
.keywords {
display: block;
line-height: 1.1;
margin-top: calc(var(--spacing)*0.5);
padding-right: calc(var(--padding-inner)*1);
li, a{
display: inline;
border: none;
padding: 0px;
color: var(--color-txt-light);
}
}
}