opti: 恒向滚动条样式优化

YMFE · Jul 3, 2018 · 5cbc4f5 · 5cbc4f5
1 parent 2df164a
commit 5cbc4f5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/_site/ydoc/styles/style.css b/_site/ydoc/styles/style.css
@@ -26,6 +26,7 @@ body {
 
 ::-webkit-scrollbar {
   width: 6px;
+  height: 4px;
 }
 
 ::-webkit-scrollbar-track {
@@ -90,7 +91,7 @@ h6, .h6 {
 ::before,
 ::after {
   box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 html {
@@ -216,7 +217,7 @@ input::-moz-focus-inner {
 }
 
 mark {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 a,
@@ -582,7 +583,7 @@ a:link, a:visited {
 }
 
 .nav-toggle {
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1651,7 +1652,7 @@ pre[class*="language-"] {
   padding: .12rem;
   cursor: pointer;
   transition: color 0.2s;
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;

diff --git a/theme/style.css b/theme/style.css
@@ -26,6 +26,7 @@ body {
 
 ::-webkit-scrollbar {
   width: 6px;
+  height: 4px;
 }
 
 ::-webkit-scrollbar-track {
@@ -90,7 +91,7 @@ h6, .h6 {
 ::before,
 ::after {
   box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 html {
@@ -216,7 +217,7 @@ input::-moz-focus-inner {
 }
 
 mark {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0);
 }
 
 a,
@@ -582,7 +583,7 @@ a:link, a:visited {
 }
 
 .nav-toggle {
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -1651,7 +1652,7 @@ pre[class*="language-"] {
   padding: .12rem;
   cursor: pointer;
   transition: color 0.2s;
-  -webkit-tap-highlight-color: transparent;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;

diff --git a/theme/styles/common/base.scss b/theme/styles/common/base.scss
@@ -20,6 +20,7 @@ body {
 // scrollbar
 ::-webkit-scrollbar {
   width: 6px;
+  height: 4px;
 }
 // pathway
 ::-webkit-scrollbar-track {