Ghost_Ruby_Theme/assets/css/blog/featured.css

62 lines
1.1 KiB
CSS
Raw Normal View History

.post-feed .featured {
min-height: 350px;
position: relative;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured::before {
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured > .post-image {
z-index: -1;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-media .post-image {
display: none;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .u-placeholder,
.post-feed .featured .post-wrapper,
.post-feed .featured .post-footer {
background-color: transparent;
position: relative;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-wrapper {
align-items: flex-end;
display: flex;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-header {
margin-bottom: 0;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-title {
font-size: 22px;
line-height: 1.2;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-title-link,
.post-feed .featured .post-excerpt,
.post-feed .featured .post-link {
color: var(--white-color);
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-excerpt {
display: none;
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-footer {
border-color: rgba(255, 255, 255, 0.2);
}
2020-09-24 05:18:34 +03:00
.post-feed .featured .post-author-image {
border-color: transparent;
}