update css

_config.yml

@@ -89,7 +89,7 @@ style:
   #   hover: '#ff5722' # Link highlight color
   #   inner: '#333' # Text color inside the button
   #   block: '#555' # Block color
-  #   inlinecode: yellow # Inline code color
+  #   inlinecode: '#555' # Inline code color
   #   codeblock: '#555' # Codeblock color
   #   p: '#ccc' # Paragraph color
 

source/css/_layout/main.styl

@@ -194,9 +194,9 @@
                 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 8px 16px 0 rgba(0, 0, 0, 0.1)
               i
                 padding-left: 3px
-                padding-top: 2px
               p
                 color: white
+                padding-top: 2px
               &:hover
                 color: white
                 p

source/css/_tag-plugins/folding.styl

@@ -3,12 +3,10 @@ details
   padding: $gap
   margin: $gap-row 0
   border-radius: $border-codeblock
-  border: 1px solid darken($color-block, 4)
   background: $color-card
   trans()
   summary
     cursor: pointer
-    background: $color-block
     padding: $gap
     margin: 0 - $gap
     border-radius: $border-codeblock
@@ -24,58 +22,56 @@ details
       &:after
         float: right
         content: '+'
-  // >div.content
-  //   padding-top: 0.1px
-  //   padding-bottom: 0.1px
-    // margin-top: $gap
-    // margin-bottom: "calc(%s - %s)" % ($gap $gap)
+  border: 1px solid $color-block
+  >summary
+    background: $color-block
   &[blue]
-    border: 1px solid darken(bgcolor($color-md-blue), 4)
+    border-color: bgcolor($color-md-blue)
     >summary
       background: bgcolor($color-md-blue)
   &[cyan]
-    border: 1px solid darken(bgcolor($color-mac-cyan), 4)
+    border-color: bgcolor($color-mac-cyan)
     >summary
       background: bgcolor($color-mac-cyan)
   &[green]
-    border: 1px solid darken(bgcolor($color-mac-green), 4)
+    border-color: bgcolor($color-mac-green)
     >summary
       background: bgcolor($color-mac-green)
   &[yellow]
-    border: 1px solid darken(bgcolor($color-mac-yellow), 4)
+    border-color: bgcolor($color-mac-yellow)
     >summary
       background: bgcolor($color-mac-yellow)
   &[red]
-    border: 1px solid darken(bgcolor($color-mac-red), 4)
+    border-color: bgcolor($color-mac-red)
     >summary
       background: bgcolor($color-mac-red)
 
 details[open]
-  border: 1px solid darken($color-block, 8)
+  border-color: alpha($color-p, .2)
   >summary
-    border-bottom: 1px solid darken(bgcolor($color-block), 8)
+    border-bottom: 1px solid alpha($color-p, .2)
     border-bottom-left-radius: 0
     border-bottom-right-radius: 0
   &[blue]
-    border: 1px solid darken(bgcolor($color-md-blue), 8)
+    border-color: alpha($color-md-blue, .3)
     >summary
-      border-bottom: 1px solid darken(bgcolor($color-md-blue), 8)
+      border-bottom-color: alpha($color-md-blue, .3)
   &[cyan]
-    border: 1px solid darken(bgcolor($color-mac-cyan), 8)
+    border-color: alpha($color-mac-cyan, .3)
     >summary
-      border-bottom: 1px solid darken(bgcolor($color-mac-cyan), 8)
+      border-bottom-color: alpha($color-mac-cyan, .3)
   &[green]
-    border: 1px solid darken(bgcolor($color-mac-green), 8)
+    border-color: alpha($color-mac-green, .3)
     >summary
-      border-bottom: 1px solid darken(bgcolor($color-mac-green), 8)
+      border-bottom-color: alpha($color-mac-green, .3)
   &[yellow]
-    border: 1px solid darken(bgcolor($color-mac-yellow), 8)
+    border-color: alpha($color-mac-yellow, .3)
     >summary
-      border-bottom: 1px solid darken(bgcolor($color-mac-yellow), 8)
+      border-bottom-color: alpha($color-mac-yellow, .3)
   &[red]
-    border: 1px solid darken(bgcolor($color-mac-red), 8)
+    border-color: alpha($color-mac-red, .3)
     >summary
-      border-bottom: 1px solid darken(bgcolor($color-mac-red), 8)
+      border-bottom-color: alpha($color-mac-red, .3)
   >summary
     color: $color-p
     margin-bottom: 0

source/css/_tag-plugins/tabs.styl

@@ -1,4 +1,4 @@
-$border-color = darken($color-block, 8)
+$border-color = alpha($color-p, .2)
 $tbr = 4px
 
 div.tabs