Update website styles.

jaywcjlove · Jul 13, 2018 · 78247cb · 78247cb
1 parent 84a05b7
commit 78247cb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/website/components/Button/index.less b/website/components/Button/index.less
@@ -4,7 +4,7 @@
   display: inline-block;
   border: 1px solid #ddd;
   border-bottom-color: #bbb;
-  padding: 9px 15px;
+  padding: 6px 14px;
   font-family: Helvetica, arial, freesans, clean, sans-serif;
   font-size: 12px;
   font-weight: bold;
@@ -15,14 +15,22 @@
   cursor: pointer;
   border-radius: 3px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  outline: 0;
   background: whitesmoke;
-  background-image: linear-gradient(-90deg, whitesmoke 0%, #e5e5e5 100%);
+  background-image: linear-gradient(0deg, #e5e5e5 0%, whitesmoke 100%);
   &:hover {
     color: #337797;
     border: 1px solid #CBE3EE;
     border-bottom-color: #97C7DD;
     background: #f0f7fa;
-    background-image: -webkit-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%);
+    background-image: linear-gradient(0deg, #d8eaf2 0%, #f0f7fa 100%);
+  }
+  &:active {
+    background: #f0f7fa;
+    background-image: linear-gradient(0deg, #cccccc 0%, #cacaca 100%);
+  }
+  &:focus {
+    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.46);
   }
   + button {
     margin-left: 10px;

diff --git a/website/doc.md b/website/doc.md
@@ -1,5 +1,5 @@
 
-JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。它没有依赖，压缩只有只有4.66kb(gzipped: 1.70kb)。
+JS 实现浏览器的 title 闪烁、滚动、声音提示、chrome、Firefox、Safari等系统通知。它没有依赖，压缩只有只有 `4.66kb`(gzipped: `1.70kb`)，Official document [demo preview](http://jaywcjlove.github.io/iNotify)。
 
 ## 下载