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