Better space handing for featured posts
This commit is contained in:
parent
abdb00dc81
commit
58a25b9f34
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1238,6 +1238,11 @@ Search LOGO Login Subscribe
|
|||||||
gap: var(--grid-gap);
|
gap: var(--grid-gap);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gh-featured-feed .gh-card {
|
||||||
|
container-type: inline-size;
|
||||||
|
container-name: featured-card;
|
||||||
|
}
|
||||||
|
|
||||||
.gh-featured-feed .gh-card-link {
|
.gh-featured-feed .gh-card-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
@ -1249,14 +1254,16 @@ Search LOGO Login Subscribe
|
|||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@container featured-card (width < 240px) {
|
||||||
|
.gh-featured-feed .gh-card-image {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.gh-featured-feed .gh-card-title {
|
.gh-featured-feed .gh-card-title {
|
||||||
display: -webkit-box;
|
|
||||||
overflow-y: hidden;
|
|
||||||
font-size: 1.7rem;
|
font-size: 1.7rem;
|
||||||
font-weight: 725;
|
font-weight: 725;
|
||||||
letter-spacing: -0.011em;
|
letter-spacing: -0.011em;
|
||||||
-webkit-line-clamp: 3;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.gh-featured-feed .gh-card-excerpt {
|
.gh-featured-feed .gh-card-excerpt {
|
||||||
|
Loading…
Reference in New Issue
Block a user