主题CSS优化

themes/yilia/postcss.config.js

@@ -2,6 +2,8 @@ module.exports = {
   plugins: [
     // require('postcss-smart-import')({ /* ...options */ }),
     // require('precss')({ /* ...options */ }),
-    require('autoprefixer')({ /* ...options */ })
+    require('autoprefixer')({
+      browsers:['last 2 versions', '> 1%', 'iOS >= 7', 'Android >= 4', 'not ie <= 8']
+    })
   ]
 }

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

@@ -93,7 +93,6 @@
     }
     .archive-article-date, .article-tag-list{
       margin-right: 30px;
-      display: -moz-inline-stack;
       display: inline-block;
       vertical-align: middle;
       zoom: 1;

themes/yilia/source-src/css/article-main.scss

@@ -112,15 +112,13 @@
   text-align: left;
   float: right;
   a{
-    background: #4d4d4d;
+    background-color: #4d4d4d;
     color: $colorF;
     font-size: 12px;
     padding: 5px 8px 5px;
     line-height: 16px;
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
     border-radius: 2px;
-    transition: background 0.3s;
+    transition: background-color 0.3s;
     &:hover{
       background: #3c3c3c;
     }

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

@@ -19,13 +19,10 @@
     width: 40px;
     text-align: center;
 }
-.jump-container {
+.jump-container:hover .icon-back {
-    &:hover {
-        .icon-back {
     background: rgba(36, 193, 246, 0.9);
 }
-    }
+
-}
 .jump-container, .toc-container {
     position: relative;
     cursor: pointer;
@@ -49,8 +46,7 @@
         left: -2px;
     }
 }
-.mod-side-operation__jump-to-top {
+.mod-side-operation__jump-to-top .icon-back {
-    .icon-back {
     transition: 0.3s;
     color: $colorF;
     background: #ccc;
@@ -65,7 +61,6 @@
         color: #24c1f6;
     }
 }
-}
 
 .toc-container.tooltip-left{
     background: $colorC;

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

@@ -1 +0,0 @@
-@import "core";

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

@@ -1,5 +1,5 @@
 .left-col {
-	background: #fff;
+	background: $colorBg;
 	width: 300px;
 	position:fixed;
 	opacity:1;
@@ -85,7 +85,7 @@
 		.profilepic{
 			text-align: center;
 			display: block;
-			border: 5px solid #fff;
+			border: 5px solid $colorF;
 			border-radius: 300px;
 			width: 128px;
 			height: 128px;

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

@@ -1,4 +1,4 @@
-@import "./global";
+@import "core";
 @import "./fonts";
 @import "./grid";
 @import "./left";

themes/yilia/source-src/css/mobile-slider.scss

@@ -1,7 +1,7 @@
 .profilepic {
     text-align: center;
     display: block;
-    border: 5px solid #fff;
+    border: 5px solid $colorF;
     border-radius: 300px;
     width: 128px;
     height: 128px;

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

@@ -16,11 +16,9 @@ html, body, #container {
   left: 0;
   position: relative;
 }
-#header{
+#header .header-nav{
-  .header-nav{
   position: relative;
 }
-}
 .wrap-side-operation {
   display: none;
 }
@@ -275,12 +273,10 @@ html, body, #container {
     }
   }
 }
-.archives{
+.archives .archive-article{
-  .archive-article{
   padding: 10px 0;
   margin-left: 0;
 }
-}
 
 #footer {
   position: relative;

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

@@ -33,9 +33,7 @@
 	.prev.disabled,.next.disabled {
 		visibility: hidden;
 	}
-	&:hover{
+	&:hover .extend {
-		.extend{
 		opacity: 1;
 	}
 }
-}

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

@@ -10,7 +10,6 @@
         justify-content: center;
         a {
             border-radius:50%;
-            display:-moz-inline-stack;
             display:inline-block;
             vertical-align:middle;
             *vertical-align:auto;

themes/yilia/webpack.config.js

@@ -15,7 +15,6 @@ module.exports = {
     main: "./source-src/js/main.js",
     slider: "./source-src/js/slider.js",
     mobile: ["babel-polyfill", "./source-src/js/mobile.js"],
-    // comment: "./source-src/js/comment.js",
     viewer: "./source-src/js/viewer.js",
     waifu: "./source-src/js/waifu.js"
   },