fix(reset css): h element should have different behaviors (#449)

fix #448

Author: vanoneang

.env.development

@@ -1,3 +1,3 @@
 ENV = 'development'
 
-VUE_APP_BASE_URL = 'http://127.0.0.1:5000/'
+VUE_APP_BASE_URL = 'http://127.0.0.1:5000/'

src/assets/style/realize/lin-variable.scss

@@ -1,4 +1,5 @@
 $theme: #3963bc;
+$font-size-base: 14px;
 
 /* 布局 */
 $sidebar-width: 210px;
@@ -24,4 +25,4 @@ $table-border-color: #dee2e6;
 $menuItem-hover: #0a1949;
 $menuItem-bg: #122150;
 $submenu-title: #c4c9d2;
-$menuItem-height: 50px;
+$menuItem-height: 50px;

src/assets/style/realize/reset.scss

@@ -5,12 +5,6 @@ span,
 applet,
 object,
 iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
 p,
 blockquote,
 pre,
@@ -32,6 +26,7 @@ s,
 samp,
 small,
 strike,
+
 strong,
 sub,
 sup,
@@ -89,6 +84,22 @@ input {
   vertical-align: baseline;
 }
 
+h1 {
+  font-size: #{$font-size-base + 6px};
+}
+
+h2 {
+  font-size: #{$font-size-base + 4px};
+}
+
+h3 {
+  font-size: #{$font-size-base + 2px};
+}
+
+h4, h5, h6, p {
+  font-size: inherit;
+}
+
 article,
 aside,
 details,