diff --git a/source/css/_common/title.styl b/source/css/_common/title.styl index 9af1826..309ced0 100644 --- a/source/css/_common/title.styl +++ b/source/css/_common/title.styl @@ -25,19 +25,6 @@ h6 .fs12 font-size: $fs-12 -.post-list - .post-title - font-weight: 500 - margin: .75rem 0 - line-height: 1.2 - font-size: $fs-h3 - border-bottom: none - color: var(--text-p0) - trans1 color - .wiki .post-title - margin-top: 0.5rem - font-weight: 700 - .widgets .post-title margin: 0.75rem 0 diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl index 7ff809b..e7a5633 100644 --- a/source/css/_layout/list.styl +++ b/source/css/_layout/list.styl @@ -6,6 +6,22 @@ .post-title:first-child margin-top: .5rem +.post-list + .post-title + font-weight: 500 + margin: .75rem 0 + line-height: 1.2 + font-size: $fs-h3 + border-bottom: none + color: var(--text-p0) + trans1 color + @media screen and (max-width: $device-mobile) + font-size: $fs-h4 + margin: 0.5rem 0 + .wiki .post-title + margin-top: 0.5rem + font-weight: 700 + // card .post-list .post-card display: block @@ -18,8 +34,12 @@ position: relative .excerpt margin: 1rem 0 + @media screen and (max-width: $device-mobile) + margin: 0.5rem 0 >p margin: 1rem 0 + @media screen and (max-width: $device-mobile) + margin: 0.5rem 0 line-height: 1.5 .meta.cap display: flex @@ -41,10 +61,11 @@ // common article .post-list article.md padding: 1rem + @media screen and (max-width: $device-mobile) + padding: 0.5rem 1rem p color: var(--text-p2) - @media screen and (min-width: $device-mobile) - font-size: $fs-14 + font-size: $fs-14 // posts