theme-next · stevenjoezhang · Jul 25, 2019 · Jul 14, 2019 · Jul 24, 2019 · Jul 24, 2019
diff --git a/_config.yml b/_config.yml
@@ -416,17 +416,21 @@ tagcloud:
 
 
 # ---------------------------------------------------------------
-# Font Settings. Introduced in NexT v5.0.1.
+# Font Settings
+# See: https://theme-next.org/docs/theme-settings/#Fonts-Customization
+# ---------------------------------------------------------------
 # Find fonts on Google Fonts (https://www.google.com/fonts)
 # All fonts set here will have the following styles:
 #   light | light italic | normal | normal italic | bold | bold italic
 # Be aware that setting too much fonts will cause site running slowly
 # ---------------------------------------------------------------
-# To avoid space between header and sidebar in scheme Pisces / Gemini, Web Safe fonts are recommended for `global` (and `logo`):
+# To avoid space between header and sidebar in scheme Pisces / Gemini, Web Safe fonts are recommended for `global` (and `title`):
 # Arial | Tahoma | Helvetica | Times New Roman | Courier New | Verdana | Georgia | Palatino | Garamond | Comic Sans MS | Trebuchet MS
 # ---------------------------------------------------------------
 
 font:
+  # Use custom fonts families or not.
+  # Depended options: `external` and `family`.
   enable: false
 
   # Uri of fonts host, e.g. //fonts.googleapis.com (Default).
@@ -435,39 +439,35 @@ font:
   # Font options:
   # `external: true` will load this font family from `host` above.
   # `family: Times New Roman`. Without any quotes.
-  # `size: xx`. Use `px` as unit.
+  # `size: x.x`. Use `px` as unit. Default: 16
 
-  # Global font settings used for all elements in <body>.
+  # Global font settings used for all elements inside <body>.
   global:
     external: true
     family: Lato
     size:
 
-  # Font settings for Headlines (H1, H2, H3, H4, H5, H6).
-  # Fallback to `global` font settings.
-  headings:
+  # Font settings for site title (.site-title).
+  title:
     external: true
     family:
     size:
 
-  # Font settings for posts.
-  # Fallback to `global` font settings.
-  posts:
+  # Font settings for headlines (<h1> to <h6>).
+  headings:
     external: true
     family:
+    size:
 
-  # Font settings for Logo.
-  # Fallback to `global` font settings.
-  logo:
+  # Font settings for posts (.post-body).
+  posts:
     external: true
     family:
-    size:
 
   # Font settings for <code> and code blocks.
   codes:
     external: true
     family:
-    size:
 
 
 # ---------------------------------------------------------------

diff --git a/source/css/_common/components/footer/footer.styl b/source/css/_common/components/footer/footer.styl
@@ -1,5 +1,5 @@
 .footer {
-  font-size: 14px;
+  font-size: $font-size-small;
   color: $grey-dark;
 
   img { border: none; }

diff --git a/source/css/_common/components/header/menu.styl b/source/css/_common/components/header/menu.styl
@@ -17,7 +17,7 @@
 
   a, span.exturl {
     show();
-    font-size: 13px;
+    font-size: $font-size-smaller;
     line-height: inherit;
     border-bottom: 1px solid $menu-link-border;
     transition-property: border-color;

diff --git a/source/css/_common/components/header/site-meta.styl b/source/css/_common/components/header/site-meta.styl
@@ -12,6 +12,7 @@
   color: $brand-color;
   background: $brand-bg;
   border-bottom: none;
+  line-height: $title-font-size;
   &:hover { color: $brand-hover-color; }
 }
 
@@ -25,8 +26,8 @@
 .site-title {
   display: inline-block;
   vertical-align: top;
-  line-height: 36px;
-  font-size: $logo-font-size;
+  line-height: 1.5;
+  font-size: $title-font-size;
   font-weight: normal;
   font-family: $font-family-logo;
 }

diff --git a/source/css/_common/components/highlight/copy-code.styl b/source/css/_common/components/highlight/copy-code.styl
@@ -11,9 +11,9 @@
   display: inline-block;
   position: absolute;
   padding: 2px 6px;
-  font-size: 13px;
+  font-size: $font-size-smaller;
   font-weight: 700;
-  line-height: 20px;
+  line-height: 1.6;
   color: #333;
   white-space: nowrap;
   vertical-align: middle;

diff --git a/source/css/_common/components/highlight/highlight.styl b/source/css/_common/components/highlight/highlight.styl
@@ -9,7 +9,7 @@ $highlight_theme = hexo-config("codeblock.highlight_theme");
 // Placeholder: $code-block
 $code-block {
   margin: 20px 0;
-  font-size: $code-font-size;
+  font-size: $font-size-small;
   color: $highlight-foreground;
   background: $highlight-background;
   line-height: $line-height-code-block;
@@ -23,7 +23,6 @@ code {
   color: $code-foreground;
   background: $code-background;
   border-radius: $code-border-radius;
-  font-size: $code-font-size;
 }
 
 pre {

diff --git a/source/css/_common/components/pages/archive.styl b/source/css/_common/components/pages/archive.styl
@@ -28,7 +28,7 @@
   }
 
   .fa-external-link {
-    font-size: 15px;
+    font-size: $font-size-small;
     margin-left: 5px;
   }
 }
diff --git a/source/css/_common/components/pages/breadcrumb.styl b/source/css/_common/components/pages/breadcrumb.styl
@@ -3,7 +3,7 @@ ul.breadcrumb {
   margin: 1em 0;
   padding: 0 2em;
   text-align: center;
-  font-size: $font-size-small
+  font-size: $font-size-smallest;
 
   & li {
     display: inline;

diff --git a/source/css/_common/components/post/post-collapse.styl b/source/css/_common/components/post/post-collapse.styl
@@ -33,7 +33,9 @@
     position: relative;
     margin: 60px 0;
 
-    h1, h2 { margin-left: 20px; }
+    h1, h2 {
+      margin-left: 20px;
+    }
 
     small { color: $grey; margin-left: 5px; }
 
@@ -63,7 +65,7 @@
       content: " ";
       position: absolute;
       left: 0;
-      top: 12px;
+      top: $font-size-smallest;
       width: 6px;
       height: 6px;
       margin-left: -4px;
@@ -83,16 +85,16 @@
 
   .post-meta {
     position: absolute;
-    font-size: 12px;
+    font-size: $font-size-smallest;
     left: 20px;
     top: 5px;
   }
 
   .post-comments-count { display: none; }
 
   .post-title {
-    margin-left: 60px;
-    font-size: 16px;
+    margin-left: $font-size-smallest * 5;
+    font-size: $font-size-medium;
     font-weight: normal;
     line-height: inherit;
 

diff --git a/source/css/_common/components/post/post-copyright.styl b/source/css/_common/components/post/post-copyright.styl
@@ -4,8 +4,4 @@
   border-left: $post-copyright.border.width $post-copyright.border.style $post-copyright.border.color;
   background-color: $post-copyright.bg;
   list-style: none;
-
-  i.fa {
-    font-size: 15px;
-  }
 }
diff --git a/source/css/_common/components/post/post-meta.styl b/source/css/_common/components/post/post-meta.styl
@@ -2,11 +2,11 @@
   margin: 3px 0 60px 0;
   color: $grey-dark;
   font-family: $font-family-posts;
-  font-size: 12px;
+  font-size: $font-size-smallest;
   text-align: center;
 
   .post-description {
-    font-size: 14px;
+    font-size: $font-size-small;
     margin-top: 2px;
   }
 

diff --git a/source/css/_common/components/post/post-nav.styl b/source/css/_common/components/post/post-nav.styl
@@ -19,8 +19,8 @@
   a {
     position: relative;
     show();
-    line-height: 25px;
-    font-size: 14px;
+    line-height: 1.6;
+    font-size: $font-size-small;
     color: $link-color;
     border-bottom: none;
 
@@ -33,7 +33,7 @@
   }
 
   .fa {
-    font-size: 12px;
+    font-size: $font-size-smallest;
     margin-right: 5px;
   }
 }

diff --git a/source/css/_common/components/post/post-reward.styl b/source/css/_common/components/post/post-reward.styl
@@ -14,9 +14,8 @@
   margin: 0;
   padding: 0 15px;
   border-radius: 5px;
-  height: $font-size-large * 2;
-  line-height: $font-size-large * 2;
-  font-size: $font-size-large;
+  line-height: 2;
+  font-size: $font-size-medium;
   color: #fff;
   background: #F44336;
   letter-spacing: normal;

diff --git a/source/css/_common/components/post/post-tags.styl b/source/css/_common/components/post/post-tags.styl
@@ -5,6 +5,6 @@
   a {
     display: inline-block;
     margin-right: 10px;
-    font-size: 13px;
+    font-size: $font-size-smaller;
   }
 }
diff --git a/source/css/_common/components/post/post-title.styl b/source/css/_common/components/post/post-title.styl
@@ -48,7 +48,7 @@
   }
 
   .fa {
-    font-size: 20px;
+    font-size: $font-size-larger;
     margin-left: 5px;
   }
 }
diff --git a/source/css/_common/components/post/post-widgets.styl b/source/css/_common/components/post/post-widgets.styl
@@ -22,7 +22,7 @@
 }
 
 .social-like {
-  font-size: 14px;
+  font-size: $font-size-small;
   text-align: center;
   display: flex;
   justify-content: center;

diff --git a/source/css/_common/components/post/post.styl b/source/css/_common/components/post/post.styl
@@ -5,7 +5,7 @@
 
 .post-body span.exturl {
   .fa {
-    font-size: 14px;
+    font-size: $font-size-small;
     margin-left: 4px;
   }
 }
@@ -21,15 +21,15 @@
 .post-body .figure .caption {
   margin: -20px auto 15px;
   text-align: center;
-  font-size: $font-size-base;
+  font-size: $font-size-small;
   color: $grey-dark;
   font-weight: bold;
   line-height: 1;
 }
 
 .post-sticky-flag {
   display: inline-block;
-  font-size: 16px;
+  font-size: $font-size-medium;
   transform: rotate(30deg);
 }
 

diff --git a/source/css/_common/components/sidebar/sidebar-author-links.styl b/source/css/_common/components/sidebar/sidebar-author-links.styl
@@ -7,7 +7,7 @@
     margin-right: 10px;
     margin-bottom: 10px;
     border-bottom-color: $black-light;
-    font-size: 13px;
+    font-size: $font-size-smaller;
     if hexo-config('social_icons.transition') { the-transition(); }
 
     &::before {

diff --git a/source/css/_common/components/sidebar/sidebar-blogroll.styl b/source/css/_common/components/sidebar/sidebar-blogroll.styl
@@ -1,11 +1,11 @@
 .links-of-blogroll {
   margin-top: 10px;
-  font-size: 13px;
+  font-size: $font-size-smaller;
 }
 
 .links-of-blogroll-title {
   margin-top: 0;
-  font-size: 14px;
+  font-size: $font-size-small;
   font-weight: $font-weight-bold;
 }
 .links-of-blogroll-list {

diff --git a/source/css/_common/components/sidebar/sidebar-button.styl b/source/css/_common/components/sidebar/sidebar-button.styl
@@ -10,7 +10,6 @@
 
     i {
       color: rgb(252, 100, 35);
-      font-size: 14px;
     }
 
     &:hover {

diff --git a/source/css/_common/components/sidebar/sidebar-nav.styl b/source/css/_common/components/sidebar/sidebar-nav.styl
@@ -9,7 +9,7 @@
   display: inline-block;
   cursor: pointer;
   border-bottom: 1px solid transparent;
-  font-size: 14px;
+  font-size: $font-size-small;
   color: $sidebar-nav-color;
 
   &:hover { color: $sidebar-nav-hover-color; }

diff --git a/source/css/_common/components/sidebar/sidebar-toc.styl b/source/css/_common/components/sidebar/sidebar-toc.styl
@@ -1,5 +1,5 @@
 .post-toc-empty {
-  font-size: 14px;
+  font-size: $font-size-small;
   color: $grey-dim;
 }
 
@@ -12,7 +12,7 @@
   padding: 0 2px 5px 10px;
   text-align: left;
   list-style: none;
-  font-size: 14px;
+  font-size: $font-size-small;
 
   & > ol { padding-left: 0; }
 

diff --git a/source/css/_common/components/third-party/related-posts.styl b/source/css/_common/components/third-party/related-posts.styl
@@ -14,7 +14,7 @@ ul.popular-posts {
     margin-left: 2em;
     .popular-posts-title {
       font-weight: normal;
-      font-size: $font-size-base;
+      font-size: $font-size-small;
       margin: 0;
       line-height: $line-height-base * 1.2;
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,7 +10,6 @@ @@
         i {
           color: rgb(252, 100, 35);
-          font-size: 14px;
         }
         &:hover {
@@ Expand Down @@