feat: add changelog page

assets/styles/post.styl

@@ -27,7 +27,15 @@ margin-y($top, $bottom = $top)
   .no-links &::after
     height 58px
 
+  .one-demo
+    margin 1em 0 1.25em
+
+  .one-details
+    margin-bottom 5px
+
+[data-markdown]
   h1
+  h1&
     margin-y(0, 1.25em)
     font-size 36px
 
@@ -36,6 +44,7 @@ margin-y($top, $bottom = $top)
       color #999
 
   h2
+  h2&
     margin-y(1.3em, 1.2em)
     font-size 30px
 
@@ -48,53 +57,77 @@ margin-y($top, $bottom = $top)
       margin-top 2em
 
   h3
+  h3&
     margin-y(1.25em, 1.15em)
     font-size 24px
 
   h4
+  h4&
     margin-y(1.15em, 1.1em)
     font-size 18px
 
   h5
+  h5&
     margin-y(1.05em)
     font-size 14px
 
   h6
+  h6&
     margin-y(1em)
     font-size 12px
 
   h1
+  h1&
   h2
+  h2&
   h3
+  h3&
     font-weight 500
     clear both
 
   h1
+  h1&
   h2
+  h2&
   h3
+  h3&
   h4
+  h4&
   h5
+  h5&
   h6
+  h6&
     color #333
     line-height 1
 
   br
+  br&
     clear both
 
   p
+  p&
     margin-y(0.5em)
 
   ul
+  ul&
   ol
+  ol&
     padding-left 1.5em
 
   blockquote
+  blockquote&
     margin 1em 0
     padding-left 1em
     border-left 5px solid #f1f1f1
-    color #999
+    color #666
+    transition color 0.2s, border-color 0.2s
+
+    &:hover
+      color #333
+      border-left-color #d3d3d3
 
   table
+  table&
     width 100%
     border-collapse collapse
     border 1px solid #f1f1f1
@@ -129,27 +162,31 @@ margin-y($top, $bottom = $top)
     white-space nowrap
 
   a:link
+  a&:link
   a:visited
-    &:not([class^="veui-"])
-      text-decoration none
-      color #0052cc
-      transition color 0.2s
+  a&:visited
+    text-decoration none
+    color #0052cc
+    transition color 0.2s
 
-      &:hover
-        color #06f
+    &:hover
+      color #06f
 
-      &:active
-        color #0046ad
+    &:active
+      color #0046ad
 
   code
+  code&
     padding 2px 4px
-    background-color rgba(0, 0, 0, 0.024)
+    background-color #0066ff16
     font-size 90%
     overflow visible
     hyphens none
+    border-radius 3px
     font-family Menlo, consolas, monospace
 
   hr
+  hr&
     height 1px
     margin 2em 0
     padding 0
@@ -158,6 +195,7 @@ margin-y($top, $bottom = $top)
     clear both
 
   figure
+  figure&
     float right
     width 60%
     margin 0 0 30px 20px
@@ -190,6 +228,7 @@ margin-y($top, $bottom = $top)
       float none
 
   figcaption
+  figcaption&
     margin-top 10px
     font-size 12px
 
@@ -203,29 +242,13 @@ margin-y($top, $bottom = $top)
     .desc
       color #999
 
-  .comparison
-    float right
-    width 60%
-    margin 0 0 30px 20px
-
-    figure
-      width calc(50% - 5px)
-      margin 0
-
-    .good
-      float left
-
-    .bad
-      float right
-
-      .caption
-        color #ff5b5b
-
   img
+  img&
     max-width 100%
     max-height 100%
 
   pre
+  pre&
     border 1px solid #eee
     border-radius 4px
     padding 18px 24px
@@ -234,6 +257,7 @@ margin-y($top, $bottom = $top)
     overflow auto
 
     code
+      border none
       background-color transparent
       padding 0
 
@@ -254,6 +278,7 @@ margin-y($top, $bottom = $top)
     box-shadow inset 0 -1px 0 #959da5
 
   .custom-block
+  .custom-block&
     border 1px solid
     border-radius 4px
     margin 1em 0
@@ -266,6 +291,7 @@ margin-y($top, $bottom = $top)
       margin-bottom 0
 
   .veui-alert
+  .veui-alert&
     margin 1em 0
 
     p:first-child
@@ -291,9 +317,3 @@ margin-y($top, $bottom = $top)
 
     a
       margin-right 10px
-
-  .one-demo
-    margin 1em 0 1.25em
-
-  .one-details
-    margin-bottom 5px