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

ajustements style
All checks were successful
Deploy / Deploy to Production (push) Successful in 13s
Details

Browse source
This commit is contained in:
Julie Blanc 2026-02-06 15:10:27 +01:00
parent 193577b145
commit b9cefffdfa
17 changed files with 174 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

47
assets/css/components/_card-open-graph.scss
View file

@ -1,6 +1,16 @@
.card--open-graph{
@include grid-content();
container-type: inline-size;
container-name: opengraph;
.open-graph__inner{
@include grid-content();
}
// border: var(--border-light);
border: 1px solid var(--grey-600);
@ -31,21 +41,23 @@
}
.content{
padding: var(--padding-inner);
padding-left: 0;
padding-top: calc(var(--padding-inner)*0.75);
padding-bottom: calc(var(--padding-inner)*0.75);
padding-right: var(--padding-inner);
grid-column: 2;
grid-row: 1;
}
.site-name{
color: var(--color-txt-light);
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
margin-bottom: 3px;
}
.title{
font-size: var(--fs-normal);
font-weight: normal;
font-size: var(--fs-small);
font-weight: 500;
line-height: 1.1;
padding-top: 2px;
display: -webkit-box;
@ -59,7 +71,7 @@
}
.description{
font-size: var(--fs-small);
font-size: var(--fs-xsmall);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
@ -73,20 +85,17 @@
}
.open-graph__inner{
container-type: inline-size;
container-name: opengraph;
}
@container opengraph (width < 500px) {
.card--open-graph{
// .card--open-graph{
// background-color: red!important;
.content{
padding: calc(var(--padding-inner)*0.5);
}
// .content{
// padding: calc(var(--padding-inner)*0.5);
// }
figure{
aspect-ratio: inherit;
}
}
// figure{
// aspect-ratio: inherit;
// }
// }
}