update

source/css/_layout/aside.styl

@@ -159,8 +159,8 @@
     a
       display: flex
       flex-direction: row
-      padding: 2px 8px
       margin: 2px 0
+      padding: 2px 8px
       color: var(--font-color)
       transition: all .3s
       addBorderRadius()
@@ -354,11 +354,12 @@
     .headline
       @extend .limit-one-line
       color: var(--font-color)
+      font-size: .95em
 
     .length-num
-      margin-top: -.32em
+      margin-top: -.45em
       color: var(--text-highlight-color)
-      font-size: 1.4em
+      font-size: 1.2em
 
 @keyframes more-btn-move
   0%,

source/css/_layout/head.styl

@@ -146,10 +146,11 @@
       position: fixed
       top: -60px
       z-index: 91
-      background: rgba(255, 255, 255, .8)
+      background: rgba(255, 255, 255, .7)
       box-shadow: 0 5px 6px -5px alpha($grey, .6)
       transition: transform .2s ease-in-out, opacity .2s ease-in-out
       will-change: transform
+      backdrop-filter: blur(7px)
 
       #blog-info
         color: var(--font-color)
@@ -430,6 +431,7 @@
         background-color: lighten($theme-color, 30%)
         content: ''
         transition: all .3s ease-in-out
+        addBorderRadius()
 
       &:hover
         &:after

source/css/_layout/pagination.styl

@@ -8,49 +8,28 @@
       background: $theme-paginator-color
       color: var(--white)
 
-  .pagination-info
-    position: absolute
-    top: 50%
-    padding: 20px 40px
-    width: 100%
-    transform: translate(0, -50%)
-
-  .prev_info,
-  .next_info
-    @extend .limit-one-line
-    color: var(--white)
-    font-weight: 500
-
-  .next-post
-    .pagination-info
-      text-align: right
-
-  .pull-full
+  .full-width
     width: 100% !important
 
-  .prev-post .label,
-  .next-post .label
-    color: var(--light-grey)
-    text-transform: uppercase
-    font-size: 90%
-
-  .prev-post,
-  .next-post
-    @extend .postImgHover
-    position: relative
-    display: block
-    overflow: hidden
+  .pagination-related
     width: 50%
     height: 150px
 
     +maxWidth768()
       width: 100%
 
+    .info-1
+      .info-item-2
+        -webkit-line-clamp: 1
+
+    .info-2
+      .info-item-1
+        -webkit-line-clamp: 2
+
   &.pagination-post
     overflow: hidden
     margin-top: 40px
     width: 100%
-    background: $dark-black
     addBorderRadius()
 
 .layout
@@ -74,4 +53,51 @@
     margin-top: 30px
 
     & > *:not(.space)
-      box-shadow: none
+      box-shadow: none
+
+.pagination-related
+  position: relative
+  display: inline-block
+  overflow: hidden
+  background: $dark-black
+  vertical-align: bottom
+  @extend .postImgHover
+
+  &.next-post
+    .info
+      text-align: right
+
+  .info
+    .info-1,
+    .info-2
+      @extend .verticalCenter
+      padding: 20px 40px
+      color: var(--white)
+      transition: transform .3s, opacity .3s
+
+    .info-1
+      .info-item-1
+        color: var(--light-grey)
+        text-transform: uppercase
+        font-size: 90%
+
+      .info-item-2
+        @extend .limit-more-line
+        color: var(--white)
+        font-weight: 500
+
+    .info-2
+      opacity: 0
+      transform: translate(0, 0)
+
+      .info-item-1
+        @extend .limit-more-line
+
+  &:not(.no-desc):hover
+    .info-1
+      opacity: 0
+      transform: translate(0, -100%)
+
+    .info-2
+      opacity: 1
+      transform: translate(0, -50%)