diff --git a/layout/_partial/main/post_list/wiki_card.ejs b/layout/_partial/main/post_list/wiki_card.ejs index 09de894..96303af 100644 --- a/layout/_partial/main/post_list/wiki_card.ejs +++ b/layout/_partial/main/post_list/wiki_card.ejs @@ -13,9 +13,7 @@ function layoutDiv() { el += '
'; if (proj.tags && proj.tags.length > 0) { let tag = proj.tags[0]; - el += '
'; - el += '' + tag + ''; - el += '
'; + el += ''; } el += '

' + (proj.wiki || proj.title || proj.seo_title) + '

'; if (proj.description) { diff --git a/source/css/_common/html.styl b/source/css/_common/html.styl index abe5eb1..62822f6 100644 --- a/source/css/_common/html.styl +++ b/source/css/_common/html.styl @@ -3,6 +3,8 @@ html font-family: $ff-body font-size: $fs-root + -webkit-text-size-adjust: 100% + -ms-text-size-adjust: 100% body background: var(--site-bg) margin: 0 diff --git a/source/css/_custom.styl b/source/css/_custom.styl index a47260e..df2a5b1 100644 --- a/source/css/_custom.styl +++ b/source/css/_custom.styl @@ -21,7 +21,7 @@ $light-card = white $dark-site-bg = convert(hexo-config('style.theme.dark')) $dark-block = #2E353D $dark-title = #fff -$dark-text = #ddd +$dark-text = #eee $dark-code = #ff7043 $dark-card = #40454B diff --git a/source/css/_defines/theme.styl b/source/css/_defines/theme.styl index cb55d51..99fd028 100644 --- a/source/css/_defines/theme.styl +++ b/source/css/_defines/theme.styl @@ -23,7 +23,7 @@ if hexo-config('style.darkmode') == 'auto' --block-border: lighten($dark-block, 10) --block-hover: darken($dark-block, 1) --text-p0: $dark-title - --text-p1: $dark-text + --text-p1: mix($dark-text, $dark-site-bg, 80) --text-p2: mix($dark-text, $dark-site-bg, 70) --text-p3: mix($dark-text, $dark-site-bg, 45) --text-p4: mix($dark-text, $dark-site-bg, 35) diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl index 0f6e0ab..cdddcb2 100644 --- a/source/css/_layout/list.styl +++ b/source/css/_layout/list.styl @@ -6,7 +6,6 @@ .post-list .post-card display: block margin: 1rem 0 - color: var(--text-p2) border-radius: $border-card box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.02) trans1 box-shadow @@ -25,11 +24,8 @@ object-fit: contain height: 1.5em .post-list .post-card:hover - box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.04), 0 4px 16px 0px rgba(0, 0, 0, 0.04) - .preview img - transform: scale(1.1) - .excerpt .readmore - color: $color-link + box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.08), 0 2px 8px 0px rgba(0, 0, 0, 0.06), 0 4px 16px 0px rgba(0, 0, 0, 0.04) + // common article .post-list article @@ -72,11 +68,6 @@ @media screen and (max-width: $device-mobile-375) height: 240px -.post-list .post-card.post:hover - .post-title - color: $color-hover - .post-cover img - transform: scale(1.04) // wiki .post-list .post-card.wiki article diff --git a/source/css/_layout/md.styl b/source/css/_layout/md.styl index 53a65fa..b031dfd 100644 --- a/source/css/_layout/md.styl +++ b/source/css/_layout/md.styl @@ -31,7 +31,8 @@ article.md.content opacity: 1 .md - ul,ol + ul:not(:last-child), + ol:not(:last-child) padding-bottom: .5rem margin: 0 blockquote,ul,ol @@ -89,8 +90,6 @@ article.md p article.md code -webkit-font-smoothing: auto -moz-osx-font-smoothing: auto - -webkit-text-size-adjust: 100% - -ms-text-size-adjust: 100% color: var(--text-code) font-family: $ff-code word-break: break-all @@ -101,8 +100,6 @@ article.md code article.md pre -webkit-font-smoothing: auto -moz-osx-font-smoothing: auto - -webkit-text-size-adjust: 100% - -ms-text-size-adjust: 100% // div article.md>div diff --git a/source/css/_layout/partial/navbar.styl b/source/css/_layout/partial/navbar.styl index 77977ec..74e8428 100644 --- a/source/css/_layout/partial/navbar.styl +++ b/source/css/_layout/partial/navbar.styl @@ -35,12 +35,14 @@ nav.cap position: relative z-index: 1 &:after - content: '' width: 'calc(100% - 2 * %s)' % .5rem height: 2px position: absolute bottom: -8px left: .5rem + background: $color-theme + border-radius: 2px + pointer-events: none &:hover background: var(--block-hover) &.active, &:hover @@ -49,8 +51,7 @@ nav.cap background: var(--card) box-shadow: $boxshadow-button &.active:after - background: $color-theme - border-radius: 2px + content: '' a+a margin-left: 4px