优化菜单动画, 添加Android L下chrome状态栏颜色

_config.yml

@@ -33,6 +33,9 @@ avatar: /img/logo.jpg
 # email
 email: [email protected]
 
+# 设置 Android L Chrome 浏览器状态栏颜色
+color: '#3F51B5'
+
 # Content
 tags:
   title: 标签

layout/_partial/head.ejs

@@ -21,6 +21,9 @@
   %>
   <title><% if (title){ %><%= title %> | <% } %><%= config.title %> | <%= config.subtitle %></title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <% if(theme.color){ %>
+  <meta name="theme-color" content="<%=theme.color%>">
+  <% } %>
   <%
     var keyWords = config.keywords;
     if(page.tags){

package.json

@@ -1,5 +1,5 @@
 {
     "name": "hexo-theme-material-indigo",
-    "version": "0.3.0",
+    "version": "0.3.1",
     "private": true
 }

source/css/_partial/layout.less

@@ -19,9 +19,8 @@
     width: @menuWidth;
     min-height: 100%;
     background: #fff;
-    will-change: left;
     box-shadow: @boxShadow;
-    .transition(.4s);
+    .transition(.4s, cubic-bezier(0.18, 0.81, 0.3, 0.89));
 
     &.hide {
         .transform(translateX(-100%));
@@ -206,8 +205,7 @@ a[title="站长统计"] {
         .transform(translateX(-100%));
 
         &.show {
-            box-shadow: @boxShadow;
-            .transform(none);
+            .transform(translateX(0));
         }
 
     }