blog_theme/assets/css/blog/featured.css
Sodbileg Gansukh 6350a2de33 Migration (#98)
* Add Alto theme

* Remove unnecessary specificity from link hover selector

* Add Dope theme

* Refine Dope theme

* Remove unnecessary selectors from dark mode styles

* Add Ruby theme

* Add branding+navigation header style

* Post/page template cleanup for Ruby theme

* Remove jQuery dependency from Ruby

* Photoswipe for Ruby

* package.json cleanup

* Add Ease theme

* Ease theme cleanup

* Add Edge theme

* Add callback to pagination script

* Rebuild assets

* Refresh Wave

* Wave theme pagination

* Remove unused settings

* Add tag/author pages to Wave

* Remove unnecessary dependencies

* Post meta spacing

* Dawn theme

* Edition theme

* Cleanup body class

* Lint

* More cleanup

* London theme

* Ease theme search cleanup

* Minor bug fixes

* Remove jQuery dependency from the custom search script

* Put back commented functions

* Update posts per page to make it consistent with homepage section posts

* Alto theme update

* Rebuild assets

* Remove unused theme setting

* Unnecessary rule

* Start adding search support

* Search support to more themes

* Remove starter

* Add Alto theme workflow
2022-07-12 20:09:02 +08:00

72 lines
1.4 KiB
CSS

.post-feed .featured {
position: relative;
min-height: 380px;
}
.post-feed .featured .post-link::before {
position: absolute;
inset: 0;
z-index: 10;
content: "";
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.post-feed .featured.no-image .post-link::before {
background: var(--tag-color, var(--ghost-accent-color));
}
.post-feed .featured .post-media {
background-color: transparent;
}
.post-feed .featured > .post-image {
z-index: -1;
}
.post-feed .featured .post-media .post-image {
display: none;
}
.post-feed .featured .u-placeholder,
.post-feed .featured .post-wrapper,
.post-feed .featured .post-footer {
position: relative;
z-index: 20;
background-color: transparent;
}
.post-feed .featured .post-wrapper {
display: flex;
align-items: flex-end;
}
.post-feed .featured .post-header {
margin-bottom: 0;
}
.post-feed .featured .post-tag {
color: var(--white-color);
}
.post-feed .featured .post-title {
font-size: 2rem;
}
.post-feed .featured .post-title,
.post-feed .featured .post-excerpt,
.post-feed .featured .post-more {
color: var(--white-color);
}
.post-feed .featured .post-excerpt {
display: none;
}
.post-feed .featured .post-footer {
border-color: rgba(255, 255, 255, 0.2);
}
.post-feed .featured .post-author-image {
border-color: transparent;
}