Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE Add aspect ratio modifiers for cover container in narrative card

Browse Source
This commit is contained in:
Antoine M 2025-12-04 17:01:30 +01:00
parent 82eceaa3eb
commit 1fd9d09549
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
resources/css/blocks/narrative-card.css
View File

@ -75,6 +75,35 @@
} }
} }
/* Aspect ratio modifiers applied to the cover container */
&__cover--ratio-1-1 {
aspect-ratio: 1 / 1;
}
&__cover--ratio-4-3 {
aspect-ratio: 4 / 3;
}
&__cover--ratio-3-4 {
aspect-ratio: 3 / 4;
}
&__cover--ratio-3-2 {
aspect-ratio: 3 / 2;
}
&__cover--ratio-2-3 {
aspect-ratio: 2 / 3;
}
&__cover--ratio-16-9 {
aspect-ratio: 16 / 9;
}
&__cover--ratio-21-9 {
aspect-ratio: 21 / 9;
}
&__cover--ratio-9-16 {
aspect-ratio: 9 / 16;
}
&__cover--ratio-9-21 {
aspect-ratio: 9 / 21;
}
&__content { &__content {
p { p {
@apply text-primary text-lg; @apply text-primary text-lg;