toc

source/less/_toc.less

@@ -37,25 +37,18 @@
     background: white;
     a {
         padding-left: 8px;
-        border-left: 0px solid @primary-color;
+        border-left: 3px solid fade(@primary-color, 0);
         color: fade(@text-color, 60%);
         font-size: @small-font-size;
         display: inline-block;
         &:hover,&:active,&.active{
             color: darken(@text-color-theme, 00%);
             font-weight: bold;
-            border-left-width: 3px;
+            border-left: 3px solid @primary-color;
-        }
+            background:darken(white, 5%);
-        &:active,&.active{
-        border-left: 3px solid @primary-color;
-        background:darken(white, 5%);
         }
     }
     ol{
-        &.toc-child a{
-            padding-left: 2*@gap;
-            width: 100%;
-        }
         li{
             a{
                 padding-left: @gap;
@@ -65,6 +58,10 @@
             width: auto;
             &:extend(.txt-ellipsis);
         }
+        &.toc-child a{
+            padding-left: 2*@gap;
+            width: 100%;
+        }
     }
     &:empty{
         display:none;

source/less/_widget.less

@@ -6,15 +6,11 @@
     @media(max-width: @on-phone) {
         border-radius: 0;
     }
-    // .header,.content{
-    //     padding: 0 @gap;
-    // }
     .enable-trans();
     &:hover {
       &:extend(.z-depth-main-raised);
     }
     &:active {
-      // box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
       box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
     }
     .header{
@@ -32,7 +28,6 @@
 
     }
     .content{
-        // border-top: 1px solid fade(@black,10%);
         padding: @gap/2 0;
     }
      ul.entry > li > a{
@@ -80,7 +75,7 @@
             line-height: 1.2em;
             font-style: italic;
             &:before{
-                // content:'#';
+                content:'#';
                 position: absolute;
                 left:0;
                 top:0;