refactor: load highlight, emphasis-point on demand

reuixiy · Jan 10, 2020 · bd6ca2b · bd6ca2b
1 parent 5e7b9cc
commit bd6ca2b
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 38 deletions.
diff --git a/assets/scss/_common/emphasis-point.scss b/assets/scss/_common/emphasis-point.scss
@@ -0,0 +1,9 @@
+.emphasis-point {
+    font-weight: normal;
+    text-emphasis: '•';
+    -webkit-text-emphasis: '•';
+    -moz-text-emphasis: '•';
+    text-emphasis-position: under;
+    -webkit-text-emphasis-position: under;
+    -moz-text-emphasis-position: under;
+}
diff --git a/assets/scss/_common/highlight.scss b/assets/scss/_common/highlight.scss
@@ -0,0 +1,25 @@
+.highlight {
+    font-size: 0.8em;
+    margin: ($fontSize * 2) 0;
+    pre {
+        margin: 0 !important;
+        overflow: auto hidden;
+        background-color: unset;
+    }
+    th, td {
+        font-size: inherit;
+    }
+    table > tbody > tr:nth-of-type(odd) {
+        background-color: inherit;
+    }
+    table > tbody > tr:hover {
+        background-color: inherit;
+    }
+}
+span.lnt {
+    user-select: none;
+    display: block;
+    margin-right: -1em !important;
+    padding: 0 !important;
+    text-align: right;
+}
diff --git a/assets/scss/_common/single.scss b/assets/scss/_common/single.scss
@@ -83,16 +83,6 @@ blockquote {
     }
 }
 
-.emphasis-point {
-    font-weight: normal;
-    text-emphasis: '•';
-    -webkit-text-emphasis: '•';
-    -moz-text-emphasis: '•';
-    text-emphasis-position: under;
-    -webkit-text-emphasis-position: under;
-    -moz-text-emphasis-position: under;
-}
-
 .drop-cap {
     float: left;
     font-size: $fontSize * 3 + 2px;
@@ -207,33 +197,8 @@ pre {
         padding: 0;
     }
 }
-.highlight {
-    font-size: 0.8em;
-    margin: ($fontSize * 2) 0;
-    pre {
-        margin: 0 !important;
-        overflow: auto hidden;
-        background-color: unset;
-    }
-    th, td {
-        font-size: inherit;
-    }
-    table > tbody > tr:nth-of-type(odd) {
-        background-color: inherit;
-    }
-    table > tbody > tr:hover {
-        background-color: inherit;
-    }
-}
-span.lnt {
-    user-select: none;
-    display: block;
-    margin-right: -1em !important;
-    padding: 0 !important;
-    text-align: right;
-}
 
 .katex-display, mjx-container[jax="CHTML"][display="true"] {
     overflow: auto hidden;
     text-indent: 0;
-}
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -187,6 +187,9 @@
         }
     }
 {{ end }}
+{{ if .Site.Params.enableEmphasisPoint }}
+    @import "_common/emphasis-point.scss";
+{{ end }}
 
 {{ if .Site.Params.enableParagraphIndent }}
     @import "_common/indent.scss";
@@ -322,6 +325,7 @@
 }
 
 {{ if .Site.Params.enableHighlight }}
+    @import "_common/highlight.scss";
     @import "_common/_highlight/light.scss";
     .chroma {
         color: var(--color-contrast-high);