fix: added tab-size support for top-level content and code elements (#632)

Author: makhnatkin

README.md

@@ -87,12 +87,14 @@ MIT
 - `--yfm-color-table-row-background`
 - `--yfm-color-border`
 - `--yfm-color-accent`
+- `--yfm-tab-size`
 
 **code**
 
 - `--yfm-color-inline-code`
 - `--yfm-color-inline-code-background`
 - `--yfm-color-code-background`
+- `--yfm-tab-size-code`
 
 **hightlight**
 

README.ru.md

@@ -87,12 +87,14 @@ MIT
 - `--yfm-color-table-row-background`
 - `--yfm-color-border`
 - `--yfm-color-accent`
+- `--yfm-tab-size`
 
 **code**
 
 - `--yfm-color-inline-code`
 - `--yfm-color-inline-code-background`
 - `--yfm-color-code-background`
+- `--yfm-tab-size-code`
 
 **hightlight**
 

src/scss/_common.scss

@@ -22,6 +22,7 @@
     line-height: 20px;
     word-wrap: break-word;
     color: var(--yfm-color-text);
+    tab-size: var(--yfm-tab-size, inherit);
 
     * {
         box-sizing: border-box;
@@ -349,6 +350,7 @@
         font-size: 0.875em;
         white-space: pre-wrap;
         color: var(--yfm-color-inline-code);
+        tab-size: var(--yfm-tab-size-code, inherit);
     }
 
     pre {