pjax

source/css/_highlight/highlight.styl

@@ -24,8 +24,8 @@ blockquote
   margin: 0 0 1rem
   padding: .1rem .8rem
   border-left: .2rem solid $blockquote-padding-color
-  background-color: $blockquote-background-color
-  color: $blockquote-color
+  background-color: var(--blockquote-bg)
+  color: var(--blockquote-color)
 
   a
     word-break: break-all
@@ -135,17 +135,16 @@ blockquote
       color: $highlight-tools.color
       font-size: 14px
 
-      .code-expand
+      .expand
         position: absolute
         padding: .4rem .7rem
         cursor: pointer
-        transition: all .3s
-        transform: rotate(0)
+        transition: transform .3s
 
         & + .code-lang
           left: 1.7rem
 
-        &.code-closed
+        &.closed
           transition: all .3s
           transform: rotate(-90deg) !important
 
@@ -182,7 +181,7 @@ blockquote
     td
       border: none
 
-  if $highlight_theme == 'mac' || $highlight_theme == 'mac light'
+  if $highlight_theme == 'mac' || ($highlight_theme == 'mac light')
     figure.highlight
       margin: 0 0 1.2rem
       border-radius: 7px
@@ -201,10 +200,10 @@ blockquote
           box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b
           content: ' '
 
-        .code-expand
+        .expand
           right: 0
 
-          &.code-closed
+          &.closed
             transition: all .3s
             transform: rotate(90deg) !important