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

aside investigatins

Browse source
This commit is contained in:
Julie Blanc 2026-02-18 16:40:20 +01:00
parent 243583d024
commit 0c767e2e5e
15 changed files with 418 additions and 725 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,19 +1,18 @@
.card--package,
.card--article-small {
@include grid-content();
padding-top: calc(var(--spacing)*0.5);
padding-bottom: calc(var(--spacing)*0.5);
border-bottom: var(--border-light);
margin-bottom: calc(var(--spacing)*0.75);
border: var(--border-light);
&:first-of-type {
border-top: var(--border-light);
}
&.has-link {
@include hover-card-line();
}
// &.has-link {
// @include hover-card-line();
// }
@include figure-16-9();
@ -23,38 +22,79 @@
}
}
.type {
display: inline-flex;
flex-grow: 0;
height: calc(var(--h-block)*0.75);
border-radius: var(--radius-small);
border: var(--border-medium);
align-items: center;
padding: 5px 1ch 0 1ch;
font-size: var(--fs-xsmall);
text-transform: uppercase;
font-weight: 500;
color: var(--color-txt-light);
margin-bottom: calc(var(--spacing)*0.75);
}
.content {
display: flex;
flex-direction: column;
padding-top: calc(var(--spacing)*0.25);
align-items: flex-start;
justify-content: flex-start;
padding-top: calc(var(--padding-inner)*2);
padding-bottom: calc(var(--padding-inner)*2);
padding-left: calc(var(--padding-inner)*1.5);
padding-right: calc(var(--padding-inner)*3);
}
.title {
font-weight: 500;
font-size: var(--fs-small);
font-size: var(--fs-normal);
margin-bottom: 0.25em;
text-wrap: balance;
max-width: 42ch;
text-transform: uppercase;
line-height: var(--leading-title);
flex-grow: 2;
a {
text-decoration: none;
}
}
time {
flex-grow: 1;
.date,
.details {
// flex-grow: 2;
color: var(--color-txt-light);
font-size: var(--fs-small);
}
.details {
list-style: none;
li {
display: inline;
}
li:not(:last-of-type)::after {
content: "|";
padding-left: 1ch;
padding-right: 0.5ch;
}
}
.description {
font-size: var(--fs-small);
@include clamp(2);
margin-bottom: calc(var(--spacing)*0.75);
// margin-bottom: calc(var(--spacing)*0.75);
margin-top: calc(var(--spacing)*0.25);
display: none;
}