+ style

cloudcome · cloudcome · commit 0ac5a282a0b8 · 2019-07-31T22:20:52.000+08:00
diff --git a/examples/dark.html b/examples/dark.html
@@ -18,6 +18,7 @@
     <meta name="description" content="描述语句">
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <title>dark.html</title>
+    <link rel="stylesheet" href="./style.css">
 </head>
 <body ontouchstart="">
 
diff --git a/examples/dark.js b/examples/dark.js
@@ -8,7 +8,7 @@
 'use strict';
 
 var codeHighlight = require('../src/index');
-require('../src/themes/dark');
+require('../src/themes/dark')();
 
 require('../src/langs/c');
 require('../src/langs/html');
diff --git a/examples/light.html b/examples/light.html
@@ -18,6 +18,7 @@
     <meta name="description" content="描述语句">
     <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
     <title>light.html</title>
+    <link rel="stylesheet" href="./style.css">
 </head>
 <body ontouchstart="">
 
diff --git a/examples/light.js b/examples/light.js
@@ -8,7 +8,7 @@
 'use strict';
 
 var codeHighlight = require('../src/index');
-require('../src/themes/light');
+require('../src/themes/light')();
 
 require('../src/langs/c');
 require('../src/langs/html');
diff --git a/examples/style.css b/examples/style.css
@@ -0,0 +1,3 @@
+.prism {
+    margin-bottom: 20px;
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -37,7 +37,7 @@
     "blear.core.selector": "^1.0.11",
     "blear.utils.array": "^1.0.12",
     "blear.utils.loader": "^1.0.14",
-    "blear.utils.scope-css": "^2.0.5",
+    "blear.utils.scope-css": "^2.0.6",
     "blear.utils.string": "^1.0.10"
   },
   "peerDependencies": {},
diff --git a/src/features/line-numbers.css b/src/features/line-numbers.css
@@ -1,8 +1,7 @@
 .prism_lineNumbers {
   counter-reset: linenumber; }
-
-.prism code {
-  margin-left: 30px; }
+  .prism_lineNumbers code {
+    margin-left: 20px; }
 
 .prism-lines {
   position: absolute;
diff --git a/src/features/line-numbers.scss b/src/features/line-numbers.scss
@@ -1,10 +1,10 @@
 .prism {
   &_lineNumbers {
     counter-reset: linenumber;
-  }
 
-  code {
-    margin-left: 30px;
+    code {
+      margin-left: 20px;
+    }
   }
 
   &-lines {
diff --git a/src/themes/_prism.scss b/src/themes/_prism.scss
@@ -4,7 +4,6 @@
   position: relative;
   padding: 20px 20px 0 20px;
   font-size: 0;
-  margin: 0 0 20px;
 
   &:before {
     position: absolute;
diff --git a/src/themes/dark.css b/src/themes/dark.css
@@ -7,7 +7,6 @@
   position: relative;
   padding: 20px 20px 0 20px;
   font-size: 0;
-  margin: 0 0 20px;
   background: #282c34; }
   .prism:before {
     position: absolute;
diff --git a/src/themes/light.css b/src/themes/light.css
@@ -7,7 +7,6 @@
   position: relative;
   padding: 20px 20px 0 20px;
   font-size: 0;
-  margin: 0 0 20px;
   background: #f5f2f0; }
   .prism:before {
     position: absolute;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.prism {`
	`2`	`+ margin-bottom: 20px;`
	`3`	`+}`