css

source/css/_defines/fonts.styl

@@ -28,7 +28,7 @@ $font-size-code = .8125rem // 13px
 $font-size-footnote = .75rem  // the smallest (12px)
 
 // line-height
-$line-height = 1.5
+$line-height = 1.4
 
 $font-size-large = 3rem
 $font-size-huge = 4rem

source/css/_layout/article.styl

@@ -36,8 +36,8 @@
       box-shadow: none
 
   p
-    margin-top: .6em
-    margin-bottom: .6em
+    margin-top: $gap-line
+    margin-bottom: $gap-line
     // text-align: justify
 
     u
@@ -61,8 +61,8 @@
     list-style: initial
     padding-left: 8px
     margin-left: $gap
-    margin-top: .6em
-    margin-bottom: .6em
+    margin-top: $gap-line
+    margin-bottom: $gap-line
     ul,ol
       margin-top: 0
       margin-bottom: 0
@@ -99,7 +99,7 @@
   h6
     position: relative
     margin-top: 1.5em
-    margin-bottom: 0.6em
+    margin-bottom: $gap-line
     &.title
       left: 0
       &:before
@@ -144,7 +144,7 @@
       text-align: left
       word-wrap: normal
       font-size: $font-size-meta
-      margin: .6em 0
+      margin: $gap-line 0
     position: relative
     width: 100%
     padding: .7em 1.2em
@@ -154,7 +154,7 @@
       text-align: justify
       color: inherit
       font-style: italic
-      margin: .6em 0
+      margin: $gap-line 0
       cite
         &::before
           content: '----'
@@ -218,7 +218,7 @@
 
   .widget
     background: transparent
-    margin: .6em 0
+    margin: $gap-line 0
     box-shadow: none
     border-radius: $border-radius-codeblock
     cursor: auto

source/css/_layout/main.styl

@@ -112,27 +112,29 @@
           transform: scale(1.1) rotate(4deg)
           box-shadow: none
       .title
+        trans(.1s)
         margin: 0
         a
           display: inline
           font-weight: normal
           color: $color-text
           text-decoration: none
+          &:hover
+            color: $color-hover
 
       $cellH = 28px
       .new-meta-box
         $metaH = 24px
-        trans()
+        trans(.1s)
         padding-top: 4px
         padding-bottom: 8px
         display: flex
         align-items: center
         flex-wrap: wrap
         &,p,i
-          font-size: $font-size-code
+          font-size: $font-size-meta
         .new-meta-item
           color: $color-meta
-          font-size: $font-size-code
           line-height: 1.2
           &.link-btns
             display: flex

source/css/_layout/sidebar.styl

@@ -58,7 +58,7 @@
     max-height: "calc(100% - %s)" % $offset
     max-width: 100%
     p
-      margin: .6em 0
+      margin: $gap-line 0
 
     ul>li
       a

source/css/_layout/tag-plugins.styl

@@ -79,7 +79,7 @@ gray,p[gray]
       font-size: $font-size-meta
     display: flex
     flex-wrap: wrap
-    margin: .6em  -0.5 * $gap
+    margin: $gap-line  -0.5 * $gap
     align-items: flex-start
     &[wide]
       a