diff --git a/layout/page.pug b/layout/page.pug index dfdb0a9a6463a02f6f69ec117c463364f88cd0cb..a580ce1104f7cb81f4c9b8648978ee5785615403 100644 --- a/layout/page.pug +++ b/layout/page.pug @@ -11,7 +11,7 @@ block content div.tag-cloud-title= _p("page.tags") + " - " span.tag-cloud-num= site.tags.length - var min_font = theme.tag_cloud ? theme.tag_cloud.min_size : 14 - - var max_font = theme.tag_cloud ? theme.tag_cloud.max_size : 20 + - var max_font = theme.tag_cloud ? theme.tag_cloud.max_size : 24 - var start_color = theme.tag_cloud ? theme.tag_cloud.start_color : "#a4d8fa" - var end_color = theme.tag_cloud ? theme.tag_cloud.end_color : "#1b9ef3" div.tag-cloud-item!= tagcloud({min_font: min_font, max_font: max_font, amount: theme.tag_cloud.max_amount, color: true, start_color, end_color}) diff --git a/source/css/_common/footer.styl b/source/css/_common/footer.styl index 6067c7deac997530f7eaa9acb59b0f9e0b1dffa6..6f1c14dab3b306f68b99f9ccb1b1d01d84db5af7 100644 --- a/source/css/_common/footer.styl +++ b/source/css/_common/footer.styl @@ -1,5 +1,4 @@ #footer - font-size: $font-footer-base background-color: $gray-dark background-attachment: fixed background-position: bottom @@ -17,6 +16,7 @@ .footer-inner padding: 1rem + font-size: $font-footer-base text-align: center color: $footer-text-color diff --git a/source/css/_common/main.styl b/source/css/_common/main.styl index a2a4eec93f9f11c36dc825ec2ba5b38cfc6da223..416d38c5ce84acb827c68774f7218da927c8013e 100644 --- a/source/css/_common/main.styl +++ b/source/css/_common/main.styl @@ -15,6 +15,7 @@ setUlStyle(content, hoverColor) color: hoverColor #container + overflow: hidden min-height: 100vh #main @@ -32,7 +33,6 @@ setUlStyle(content, hoverColor) h5, h6 position: relative - margin: 1.5rem 0 1rem font-weight: $font-weight-bolder line-height: $line-height-h color: lighten($h-color, 15%) @@ -139,7 +139,7 @@ setUlStyle(content, hoverColor) &::before content: '--' padding: 0 .2em - + iframe max-width: 100% diff --git a/source/css/_common/page.styl b/source/css/_common/page.styl index 1ed347bb78f030bdf82b4956976a222f6667ee35..897c39c4bdddd772dc7bb0c7769dcdb11f73ffd8 100644 --- a/source/css/_common/page.styl +++ b/source/css/_common/page.styl @@ -17,7 +17,6 @@ position: relative margin-bottom: 1.3rem padding-left: 1.4rem - font-size: $font-main-base &::before content: '' @@ -39,8 +38,7 @@ clearAStyle() &-title - padding: 0 0 1.8rem - font-size: $font-post-title + font-size: $font-size-base + 10px text-align: center cursor: default @@ -60,15 +58,18 @@ &:hover color: $categories-link-hover-color - .category-list-item - &::before - color: $categories-list-dot-color + &-list + margin-top: 0 !important - &:hover + &-item &::before - color: $categories-list-dot-hover-color + color: $categories-list-dot-color + + &:hover + &::before + color: $categories-list-dot-hover-color - .category-list-count + &-count padding-left: .3em font-size: $font-size-base color: $categories-post-count-color diff --git a/source/css/_common/responsive.styl b/source/css/_common/responsive.styl index 1d83759d8fb0e7251c2e5d75c44e779553bf1afd..f71cc8c4b0001f5e90ebd1f33d2f19d7e1b11a11 100644 --- a/source/css/_common/responsive.styl +++ b/source/css/_common/responsive.styl @@ -13,18 +13,17 @@ // $md-width: 992px - 0.02px // ----------------------------------------- @media screen and (min-width: $md-width) - .header-nav-inner - .header-nav-menu - visibility: visible - opacity: 1 + .header-nav-menu + visibility: visible + opacity: 1 @media screen and (max-width: $md-width) - #header, - #footer - background-attachment: local - #header height: 340px + background-attachment: local + + #footer + background-attachment: local #main margin: 1rem 0 @@ -68,6 +67,10 @@ display: block float: left + .friends-plugin + .friends-item + width: calc(50% - 10px) + // sm-width: 768px - 0.02px // ----------------------------------------- @media screen and (max-width: $sm-width) @@ -80,12 +83,29 @@ div.algolia-popup, div.localsearch-popup + top: 0 left: 0 - margin: 0 1rem - width: calc(100% - 2rem) + margin: 0 + border-radius: 0 + width: 100% + height: 100vh + max-height: 100vh + + div.localsearch-result + max-height: calc(100vh - 6rem) // $xs-width: 576px - 0.02px // ----------------------------------------- +@media screen and (min-width: $xs-width) + .content + font-size: $font-size-large + + .sidebar-inner + font-size: $font-size-large + + .footer-inner + font-size: $font-size-large + @media screen and (max-width: $xs-width) #header height: 240px @@ -94,19 +114,22 @@ margin: .8rem 0 .content - padding: 0 .6rem + padding: .8rem .6rem font-size: $font-size-base + .home-content + padding: 0 + #recent-posts article.post margin: 0 0 .8rem - padding: .6rem .8rem + padding: .8rem .header-info-inner .header-info-title - font-size: 2.5rem + font-size: 1.8rem .header-info-subtitle - font-size: .8rem + font-size: $font-size-base .header-nav-search span @@ -119,8 +142,10 @@ margin: 0 .post-header + font-size: $font-size-base + .post-title - font-size: 1.25rem + font-size: 1.2rem .post-meta &-create, @@ -137,7 +162,6 @@ .article-sort-title margin-bottom: .8rem - font-size: 1rem .article-sort-item margin-bottom: .5rem @@ -162,3 +186,8 @@ div.localsearch-result & > ul padding-left: 1rem + + .friends-plugin + .friends-item + padding: .5rem + width: 100% diff --git a/source/css/_common/sidebar.styl b/source/css/_common/sidebar.styl index eb3c1af87f7404ac82c41a6b85c4e7c4242a9291..94a7cd9d2bae141cb863d26dfbdaf6d13e3bb3fe 100644 --- a/source/css/_common/sidebar.styl +++ b/source/css/_common/sidebar.styl @@ -3,12 +3,12 @@ $sidebar-width = convert(hexo-config('sidebar.width') || '300px') #sidebar float: convert(hexo-config('sidebar.position') || 'right') width: $sidebar-width - font-size: $font-sidebar-base .sidebar-inner border-radius: 5px padding: 1rem width: $sidebar-width + font-size: $font-sidebar-base background-color: $white &.sticky diff --git a/source/css/_components/pagination.styl b/source/css/_components/pagination.styl index 3b40a39c7c9c070732e684547e572987e6257b20..23cbbc5e9a0657b17faae064516cb19dbe12e88d 100644 --- a/source/css/_components/pagination.styl +++ b/source/css/_components/pagination.styl @@ -2,7 +2,6 @@ overflow: hidden margin-top: 1em width: 100% - font-size: 1.2em .paginator-inner border-radius: 5px diff --git a/source/css/_components/tag-plugin/friends.styl b/source/css/_components/tag-plugin/friends.styl index 812a55c95130de6ec02a04bed5fd4b7f6e289dcb..c13e8879d76ff252c81199aecab7da09b2b59e6a 100644 --- a/source/css/_components/tag-plugin/friends.styl +++ b/source/css/_components/tag-plugin/friends.styl @@ -7,7 +7,7 @@ display: block float: left margin: 0 5px - padding: .5rem + padding: .5rem .5rem .5rem 1rem width: calc(33.3% - 10px) height: 100px transition: background-color .3s diff --git a/source/css/_mixins/post-header.styl b/source/css/_mixins/post-header.styl index 20407cff7a86dd47649b5da6d0fe239f9f7bf93f..a681bcee52dd66e3d6676c1920b2b288dc0f2c66 100644 --- a/source/css/_mixins/post-header.styl +++ b/source/css/_mixins/post-header.styl @@ -1,6 +1,7 @@ .post-header position: relative margin: 0 0 1.5rem + font-size: 1em text-align: center .post-title diff --git a/source/css/_mixins/post-sort.styl b/source/css/_mixins/post-sort.styl index 5b65b58bf1db7c3b77933f6a601e065868478286..6d507de619942756d5e95ed569dca7256ca34a7f 100644 --- a/source/css/_mixins/post-sort.styl +++ b/source/css/_mixins/post-sort.styl @@ -49,11 +49,11 @@ &__title display: inline-block max-width: 80% + font-size: 1em vertical-align: middle a clearAStyle() - font-size: $font-main-base text-decoration: none color: $font-color cursor: pointer diff --git a/source/css/var.styl b/source/css/var.styl index bb1cc25fa29e43a2c0cb0ccd21a36df008e1d082..284f1ac3fddc32f4e4711129429535bd70ab6804 100644 --- a/source/css/var.styl +++ b/source/css/var.styl @@ -157,10 +157,9 @@ $font-size-larger = $font-size-base + 4px; // If you don`t want to bother, comment it and default value will be enable $font-header-base = 20px -$font-footer-base = 20px -$font-main-base = 16px -$font-post-title = 40px // article title -$font-sidebar-base = 16px +$font-footer-base = 14px +$font-main-base = 14px +$font-sidebar-base = 14px // Font family $font-family = PingFang SC, Microsoft YaHei, Lato, sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Hiragino Sans GB, Helvetica Neue, Helvetica, Arial diff --git a/source/images/algolia.svg b/source/images/algolia.svg index 861979bc598a3dfe2955c24f39ccb12d1f5013ea..e81bb922e2c7786f15876c6757245080083032c5 100644 --- a/source/images/algolia.svg +++ b/source/images/algolia.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source/images/cc-by-nc-nd.svg b/source/images/cc-by-nc-nd.svg index c11dce574c3dd4039183446f8f8ea183ec8fda57..29216ba96c243c60d9631f73c651423f73b5f75d 100644 --- a/source/images/cc-by-nc-nd.svg +++ b/source/images/cc-by-nc-nd.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source/images/cc-by-nc-sa.svg b/source/images/cc-by-nc-sa.svg index e6f3cc441be4cfacd5ca90e1539888d74c0aa2d0..2c7f31e64862ca5e656ddc10742f79fbcd9858fe 100644 --- a/source/images/cc-by-nc-sa.svg +++ b/source/images/cc-by-nc-sa.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source/images/cc-by-nc.svg b/source/images/cc-by-nc.svg index 0e04fe067867208e2b21c054d44c4736d7388f01..877170128149d87f62eed88cb38ae1b46312cf7c 100644 --- a/source/images/cc-by-nc.svg +++ b/source/images/cc-by-nc.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source/images/cc-by-sa.svg b/source/images/cc-by-sa.svg index 0b38a1222dd9f14edb767f9bf8a6b926bab73c0e..bdb10f97e4707a48837124a197f133a01e9fbd85 100644 --- a/source/images/cc-by-sa.svg +++ b/source/images/cc-by-sa.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/source/images/icons/logo-stun.svg b/source/images/icons/logo-stun.svg index 6f384711421f4d3ce605eea9e7f021f0c5c7be15..249506e8fbb9c8ff19b8fb2f95a880b3ba28e21d 100644 --- a/source/images/icons/logo-stun.svg +++ b/source/images/icons/logo-stun.svg @@ -1,32 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/source/images/loading.svg b/source/images/loading.svg index 4ae992cb76d3ff271e3191cec499acc18163dcd3..7c491f4743b8300e170a6f575439aaff7a827dfa 100644 --- a/source/images/loading.svg +++ b/source/images/loading.svg @@ -1,53 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file + \ No newline at end of file