You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
2.1 KiB
115 lines
2.1 KiB
#recent-posts |
|
& > .recent-post-item:not(:first-child) |
|
margin-top: 20px |
|
|
|
& > .recent-post-item |
|
@extend .cardHover |
|
display: flex |
|
flex-direction: row |
|
align-items: center |
|
overflow: hidden |
|
height: 16.8em |
|
|
|
+maxWidth768() |
|
flex-direction: column |
|
height: auto |
|
|
|
&:hover |
|
img.post-bg |
|
transform: scale(1.1) |
|
|
|
&.ads-wrap |
|
display: block !important |
|
height: auto !important |
|
|
|
.post_cover |
|
overflow: hidden |
|
width: 42% |
|
height: 100% |
|
|
|
+maxWidth768() |
|
width: 100% |
|
height: 230px |
|
|
|
.post-bg |
|
@extend .imgHover |
|
|
|
&.right |
|
order: 1 |
|
|
|
+maxWidth768() |
|
order: 0 |
|
|
|
& >.recent-post-info |
|
padding: 0 40px |
|
width: 58% |
|
|
|
+maxWidth768() |
|
padding: 20px 20px 30px |
|
width: 100% |
|
|
|
&.no-cover |
|
width: 100% |
|
|
|
+maxWidth768() |
|
padding: 30px 20px |
|
|
|
& > .article-title |
|
@extend .limit-more-line |
|
color: var(--text-highlight-color) |
|
font-size: 1.55em |
|
line-height: 1.4 |
|
transition: all .2s ease-in-out |
|
-webkit-line-clamp: 2 |
|
|
|
.sticky |
|
margin-right: 10px |
|
color: $sticky-color |
|
transform: rotate(45deg) |
|
|
|
+maxWidth768() |
|
font-size: 1.43em |
|
|
|
&:hover |
|
color: $text-hover |
|
|
|
& > .article-meta-wrap |
|
margin: 6px 0 |
|
color: $theme-meta-color |
|
font-size: .9em |
|
|
|
& > .post-meta-date |
|
cursor: default |
|
|
|
i |
|
margin: 0 4px 0 0 |
|
|
|
.fa-spinner |
|
margin: 0 |
|
|
|
.article-meta-label |
|
if hexo-config('post_meta.page.label') |
|
padding-right: 4px |
|
else |
|
display: none |
|
|
|
.article-meta-separator |
|
margin: 0 6px |
|
|
|
.article-meta-link |
|
margin: 0 4px |
|
|
|
if hexo-config('post_meta.page.date_format') == 'relative' |
|
time |
|
display: none |
|
|
|
a |
|
color: $theme-meta-color |
|
|
|
&:hover |
|
color: $text-hover |
|
text-decoration: underline |
|
|
|
& > .content |
|
@extend .limit-more-line |
|
-webkit-line-clamp: 2 |