Fix font and buttons in default theme

5 files changed, 44 insertions, 4 deletions

diff --git a/packages/gitbook-plugin-theme-default/less/Button.less b/packages/gitbook-plugin-theme-default/less/Button.less
index 4b5ffcb..0983dcb 100644
--- a/packages/gitbook-plugin-theme-default/less/Button.less
+++ b/packages/gitbook-plugin-theme-default/less/Button.less
@@ -5,8 +5,8 @@
     color: @button-color;
     text-align: center;
     line-height: @line-height-base;
-    padding: 8px 4px;
     outline: none;
+    padding: @button-padding;
 
     &:hover {
         color: @button-hover-color;
diff --git a/packages/gitbook-plugin-theme-default/less/Summary.less b/packages/gitbook-plugin-theme-default/less/Summary.less
index b57a403..0a0bb53 100644
--- a/packages/gitbook-plugin-theme-default/less/Summary.less
+++ b/packages/gitbook-plugin-theme-default/less/Summary.less
@@ -29,10 +29,11 @@
         overflow: hidden;
         white-space: nowrap;
         position: relative;
+        text-decoration: none;
     }
 
     a:hover {
-        text-decoration: underline;
+        text-decoration: none;
         color: @summary-article-hover-color;
     }
 
diff --git a/packages/gitbook-plugin-theme-default/less/main.less b/packages/gitbook-plugin-theme-default/less/main.less
index 06a1c6d..8a52e2b 100644
--- a/packages/gitbook-plugin-theme-default/less/main.less
+++ b/packages/gitbook-plugin-theme-default/less/main.less
@@ -2,6 +2,7 @@
 @import "../node_modules/gitbook-markdown-css/less/mixin.less";
 @import "../node_modules/font-awesome/less/font-awesome.less";
 
+@import "mixins.less";
 @import "reset.less";
 @import "variables.less";
 
@@ -12,6 +13,33 @@
 @import "Page.less";
 @import "Toolbar.less";
 
-body, html {
+* {
+    .box-sizing(border-box);
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-text-size-adjust: none;
+    -webkit-touch-callout: none;
+    -webkit-font-smoothing: antialiased;
+}
+
+a {
+    text-decoration: none;
+}
+
+html, body {
     margin: 0px;
+    height: 100%;
+}
+
+html {
+    font-size: 62.5%;
+}
+
+body {
+    text-rendering: optimizeLegibility;
+    font-smoothing: antialiased;
+    font-family: @font-family-base;
+    font-size: @font-size-base;
+    letter-spacing: .2px;
+    .text-adjust(100%);
 }
diff --git a/packages/gitbook-plugin-theme-default/less/mixins.less b/packages/gitbook-plugin-theme-default/less/mixins.less
new file mode 100644
index 0000000..9867612
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/less/mixins.less
@@ -0,0 +1,6 @@
+
+.text-adjust(@value) {
+    text-size-adjust: @value;
+    -ms-text-size-adjust: @value;
+    -webkit-text-size-adjust: @value;
+}
diff --git a/packages/gitbook-plugin-theme-default/less/variables.less b/packages/gitbook-plugin-theme-default/less/variables.less
index 4b5cf8a..1caf6d7 100644
--- a/packages/gitbook-plugin-theme-default/less/variables.less
+++ b/packages/gitbook-plugin-theme-default/less/variables.less
@@ -1,3 +1,7 @@
+// Fonts
+@font-family-serif:           Georgia, serif;
+@font-family-sans:            "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-base:            @font-family-sans;
 // Font sizes
 @font-size-base:              14px;
 @font-size-large:             ceil(@font-size-base * 1.25); // ~18px
@@ -18,9 +22,10 @@
 @page-color:                  #333333;
 @page-line-height:            1.7;
 // Button
+@button-padding:              16px;
 @button-background:           transparent;
 @button-color:                #ddd;
-@button-hover-color:          #ccc;
+@button-hover-color:          #bbb;
 // Font awesome
 @path-assets:                 '.';
 @path-fonts:                  '@{path-assets}/fonts';