feat: support tab-size CSS property

https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size
reuixiy · Jan 6, 2020 · 56a9e1d · 56a9e1d
1 parent b7cf602
commit 56a9e1d
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 2 deletions.
diff --git a/assets/scss/_common/base.scss b/assets/scss/_common/base.scss
@@ -6,6 +6,7 @@ html, body {
 
 body {
     font-size: $fontSize;
+    tab-size: $tabSize;
     color: var(--color-contrast-high);
     background-color: var(--color-bg);
     overflow-wrap: break-word;

diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -17,6 +17,10 @@
     $enableBackToTopAutoHide: false;
 {{ end }}
 
+{{ with .Site.Params.tabSize | default 4 }}
+    $tabSize: {{ . }};
+{{ end }}
+
 {{ if .Site.Params.enableChinesePunctuationGlyphCorrection }}
     {{ .Scratch.Set "glyph" "'glyph-correction', " }}
     $glyph: true;

diff --git a/config-examples/en-us/config.toml b/config-examples/en-us/config.toml
@@ -893,6 +893,11 @@ uglyURLs = false
 
     fontSize = 20
 
+    ######################################
+    ## Tab Size
+
+    tabSize = 4
+
     ######################################
     ## Line Height
 

diff --git a/config-examples/zh-cn/config.toml b/config-examples/zh-cn/config.toml
@@ -841,6 +841,11 @@ uglyURLs = false
 
     fontSize = 16
 
+    ######################################
+    ## 制表符的宽度
+
+    tabSize = 4
+
     ######################################
     ## 行间距
 

diff --git a/...leSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.content b/...leSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.content
diff --git a/exampleSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.json b/exampleSite/resources/_gen/assets/scss/scss/main.scss_b04c21e44835e7dcdc8cb03d103b5ef1.json
@@ -1 +1 @@
-{"Target":"css/meme.min.46b2a650b7c9df1e9a4c1f4bbdb37e988a26d2f08cc6ebc293c348fe3b595a8e.css","MediaType":"text/css","Data":{"Integrity":"sha256-RrKmULfJ3x6aTB9LvbN+mIom0vCMxuvCk8NI/jtZWo4="}}
+{"Target":"css/meme.min.4b148ff5a3ef5b23cc4b3535a90689d12e6a69919d40258fc65e3a9c4c5697a9.css","MediaType":"text/css","Data":{"Integrity":"sha256-SxSP9aPvWyPMSzU1qQaJ0S5qaZGdQCWPxl46nExWl6k="}}