fix: make font-size in body element work in preview

ktsn · Oct 28, 2018 · 61f66b5 · 61f66b5
1 parent adf90c4
commit 61f66b5
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 18 deletions.
diff --git a/src/view/App.vue b/src/view/App.vue
@@ -16,19 +16,3 @@ export default Vue.extend({
   }
 })
 </script>
-
-<style>
-body {
-  padding: 0;
-  margin: 0;
-  background-color: #ddd;
-}
-</style>
-
-<style scoped>
-#app {
-  font-family: sans-serif;
-  font-size: var(--vd-font-size);
-  color: var(--vd-text-color);
-}
-</style>
diff --git a/src/view/components/PageMain.vue b/src/view/components/PageMain.vue
@@ -18,7 +18,7 @@
         />
       </div>
 
-      <div class="page-layout-toolbar">
+      <div class="vd-reset page-layout-toolbar">
         <Toolbar
           :width="width"
           :height="height"
@@ -32,7 +32,7 @@
     <div
       v-if="document"
       :class="{ open: openPane }"
-      class="information-pane"
+      class="vd-reset information-pane"
     >
       <p class="information-pane-title">
         {{ documentName }}

diff --git a/src/view/global.css b/src/view/global.css
@@ -17,3 +17,15 @@
   --vd-font-size-small: 12px;
   --vd-font-size-large: 20px;
 }
+
+body {
+  padding: 0;
+  margin: 0;
+  background-color: #ddd;
+}
+
+.vd-reset {
+  font-family: sans-serif;
+  font-size: var(--vd-font-size);
+  color: var(--vd-text-color);
+}