搜索框改造完毕

themes/yilia/source-src/css/core/_variables.scss

@@ -25,7 +25,6 @@ $colorBorder:                    #dbdbdb !default;
 $colorLink:                      #08c !default;
 $colorPlaceholder:               #999 !default; // input placeholder color
 $colorDisabled:                  (text: #999, bg: #e3e3e3, border: #dbdbdb) !default; // textColor bgColor borderColor
-$colorOverlay:                   rgba(0,0,0,.7) !default; // 遮罩层颜色
 
 
 // 基本颜色

themes/yilia/source-src/css/highlight.scss

@@ -1,4 +1,3 @@
-.article-entry pre,
 .article-entry .highlight {
   margin: 10px 0;
   overflow: auto;

themes/yilia/source-src/css/tools.scss

@@ -36,14 +36,18 @@
       margin: 20px 20px 10px 20px;
       position: relative;
       border-bottom: 2px solid $colorF;
+      display: flex;
+      flex-wrap: wrap;
       cursor: text;
       .search-ipt {
-        width: 50px;
         color: $colorF;
         background: none;
         border: none;
+        flex-grow: 1;
+        width: 0;
+        min-width: 80px;
       }
-      .icon {
+      >.icon-search {
         position: absolute;
         right: 0;
         bottom: 7px;
@@ -55,20 +59,17 @@
         }
       }
       .search-item {
-        border: 1px solid $colorF;
         padding-left: 5px;
-        line-height: 1.4em;
-        display: inline-block;
-        border-radius: $radiusBase;
-        &::after {
-          content: "x";
-          border-left: 1px solid $colorF;
-          width: 20px;
-          height: 20px;
-          display: inline-block;
-          margin: 3px 0 3px 3px;
-          line-height: 20px;
-          text-align: center;
+        margin: 2px;
+        border-radius: 20px;
+        background-color: #076773;
+        white-space: nowrap;
+        >.icon-close {
+          color: darken($colorF, 15%);
+          font-size: 12px;
+          position: relative;
+          bottom: 2px;
+          margin-right: 3px;
           cursor: pointer;
         }
       }