diff --git a/layout/_partial/main/post_list/post_card.ejs b/layout/_partial/main/post_list/post_card.ejs index 65468ce..80f6de7 100755 --- a/layout/_partial/main/post_list/post_card.ejs +++ b/layout/_partial/main/post_list/post_card.ejs @@ -3,7 +3,8 @@ const obj = { image: post['cover'], title: post['cover-title'], cat: post['cover-cat'], - subtitle: post['cover-subtitle'] + subtitle: post['cover-subtitle'], + color: post['cover-text-color'] }; function div_default() { var el = ''; @@ -98,6 +99,9 @@ function div_photo() { el += ''; if (obj.title || obj.cat || obj.subtitle) { el += '
{ + ['api', 'user', 'hide'].forEach(key => { if (item[key]) { el += ' ' + key + '="' + item[key] + '"'; } diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl index e71cb78..4115f16 100644 --- a/source/css/_layout/list.styl +++ b/source/css/_layout/list.styl @@ -105,19 +105,16 @@ position: absolute line-height: 1.2 width: 'calc(100% - %s * 2)' % 1rem - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) - color: white + color: var(--text-p0) &[position=top] top: 0 - background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0)) &[position=bottom] bottom: 0 - background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.3)) div+div margin-top: 4px .cap - color: white font-size: $fs-13 + color: unset .title font-weight: 500 font-size: $fs-h3