Style page with gitbook-markdown-css

3 files changed, 21 insertions, 0 deletions

diff --git a/packages/gitbook-plugin-theme-default/less/Page.less b/packages/gitbook-plugin-theme-default/less/Page.less
new file mode 100644
index 0000000..979377c
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/less/Page.less
@@ -0,0 +1,15 @@
+.Page {
+    position: relative;
+    outline: none;
+    width: 100%;
+    max-width: @page-width;
+    margin: 0px auto;
+    padding: 20px 15px 40px 15px;
+
+    .gitbook-markdown(@md-color: @page-color, @md-line-height: @page-line-height);
+
+    .glossary-term {
+        cursor: help;
+        text-decoration: underline;
+    }
+}
diff --git a/packages/gitbook-plugin-theme-default/less/main.less b/packages/gitbook-plugin-theme-default/less/main.less
index 957d229..8acbdf8 100644
--- a/packages/gitbook-plugin-theme-default/less/main.less
+++ b/packages/gitbook-plugin-theme-default/less/main.less
@@ -1,10 +1,12 @@
 @import "../node_modules/preboot/less/preboot.less";
+@import "../node_modules/gitbook-markdown-css/less/mixin.less";
 
 @import "reset.less";
 @import "variables.less";
 
 @import "Sidebar.less";
 @import "Summary.less";
+@import "Page.less";
 
 body, html {
     margin: 0px;
diff --git a/packages/gitbook-plugin-theme-default/less/variables.less b/packages/gitbook-plugin-theme-default/less/variables.less
index a988847..ff46cfc 100644
--- a/packages/gitbook-plugin-theme-default/less/variables.less
+++ b/packages/gitbook-plugin-theme-default/less/variables.less
@@ -7,3 +7,7 @@
 @summary-article-padding-h:   15px;
 @summary-article-color:       hsl(207, 15%, 25%);
 @summary-article-hover-color: hsl(207, 100%, 50%);
+// Page
+@page-width:                  800px;
+@page-color:                  #333333;
+@page-line-height:            1.7;