@wulechuan/css-stylus-markdown-themes 7.4.1 → 7.5.1

package/ReadMe.md

@@ -131,7 +131,7 @@
 
 以程序化之方式调用本工具之方法见下例。
 
-> 下例中代码之主体节选自《`测试集/用于测试本项目之-javascript-接口的测试代码集.js`》。
+> 下例中代码之主体节选自本项目的<br>《`测试集/用于测试本项目之-javascript-接口的测试代码集.js`》。
 
 ```js
 const {
@@ -229,7 +229,7 @@ const 这还是目前唯一的Javascript文件之内容全文 = 获取某一已
 其 TypeScript 类型定义如下：
 
 ```typescript
-declare type 吴乐川用于美化文章的层叠样式表集之数据类型之文件简易描述项 = {
+declare type 范_吴乐川用于美化文章的层叠样式表集_文件简易描述项 = {
     文件名称: string;
     文件之相对路径: string;
     文件之绝对路径: string;
@@ -264,7 +264,7 @@ declare type 吴乐川用于美化文章的层叠样式表集之数据类型之
 上述【配置项集】之 TypeScript 类型定义如下：
 
 ```typescript
-declare type 吴乐川用于美化文章的层叠样式表集之数据类型之拾取默认Javascript文件之函数之第二参数 = {
+declare type 范_吴乐川用于美化文章的层叠样式表集_拾取默认Javascript文件之函数之第二参数 = {
     /**
      * 注意：
      * 【展开文章纲要列表面板】与【展开文章纲要列表的某一条目】不是一回事。
@@ -283,6 +283,10 @@ declare type 吴乐川用于美化文章的层叠样式表集之数据类型之
 ```
 
 
+#### 接口重大变更记录
+
+- 2022 年 04 月 27 日，本工具之版本从 `v7.4.2` 升迁至 `v7.5.0` 时， JavaScript 代码没有任何变动。**但针对 TypeScript 的类型定义全部更名。** 由原来的以“`类型定义之`”开头，统一变更为以“`范_`”开头。故而有此版本变动。
+
 -----
 
 

package/package.json

@@ -2,8 +2,8 @@
   "name": "@wulechuan/css-stylus-markdown-themes",
   "author": "吴乐川 <wulechuan@live.com>",
   "license": "WTFPL",
-  "version": "7.4.1",
-  "description": "此为吴乐川的 HTML 文章排版与配色之方案集。本工具可用于构建一组层叠样式表（即 CSS ）文件，本工具亦提供了一组现成的层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。",
+  "version": "7.5.1",
+  "description": "此为吴乐川的《HTML 文章排版与配色之方案集与相关制作工具》。本工具可用于构建一组层叠样式表（即 CSS ）文件，本工具亦提供了一组现成的层叠样式表文件。凡这些样式表，均可用于美化采用超文本标记语言（即 HTML ）格式存储的文章。且不必同时取用多个样式表文件，仅取其一足矣。",
   "directories": {
     "source": "源代码/原始的源代码",
     "dist": "源代码/发布的源代码",
@@ -77,8 +77,8 @@
     "globby": "^11.1.0"
   },
   "devDependencies": {
-    "@wulechuan/cli-scripts--git-push": "^2.0.0",
-    "@wulechuan/generate-html-via-markdown": "^3.0.9",
+    "@wulechuan/cli-scripts--git-push": "^2.0.2",
+    "@wulechuan/generate-html-via-markdown": "^3.2.0",
     "@wulechuan/gulp-classical-task-cycle": "^0.3.0",
     "chalk": "^4.1.2",
     "cssnano": "^5.1.7",

package//346/226/207/346/241/243/351/233/206//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/225/210/346/236/234/347/244/272/344/276/213/351/233/206//345/216/237/345/247/213/347/232/204-markdown-/346/240/274/345/274/217/347/232/204/346/226/207/347/253/240/theming-example-article.zh-hans-CN.md

@@ -1,4 +1,4 @@
-# 吴乐川的文章默认样式的示例
+# 吴乐川的文章默认样式的示例<br><small>——样式均采用 stylus 语言编写</small>
 
 <p class="document-author">作者：吴乐川</p>
 
@@ -68,7 +68,7 @@
 
 计算机键盘快捷键，其视觉样式如是：<kbd>Ctrl</kbd>+<kbd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</kbd>；又例：如今，<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>s</kbd>这一组合键早已广泛用于各种现代计算机软件中，代表（将工作内容或文件）`另存为`（壹文件）之功能。
 
-还有些内容会故意“杠掉”，即被中划线划去，表示此内容不正确，不应采纳，应作废。例如：~~地球是平的~~。
+还有些内容会故意“杠掉”，即被中划线划去，表示此内容不正确，不应采纳，应作废。例如：~~地球是平的~~。术语或专有名词也可以标记为废弃，例如：不应称 ~~`车厘子`~~ ，而应称 `进口樱桃` 。不应称 ~~`芝士`~~ 、 ~~`起司`~~ ，而应称 `奶酪` 。还有 ~~[`作废的超链接`](#)~~。
 
 
 #### 多级列表
@@ -274,7 +274,7 @@ CSS Object Model 是一组允许用 JavaScript 操纵 CSS 的 API。 它是继 D
 
 ### JavaScript 代码片段
 
-#### 列表项中的代码片段1
+#### 列表项中的代码片段
 
 -   先定义一个函数：
 
@@ -887,7 +887,7 @@ nav li {
 <table>
     <thead>
         <tr>
-            <th style="width: 5em;">甲</th>
+            <th style="width: 7em;">甲</th>
             <th>乙</th>
         </tr>
     </thead>

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--firefox-addon.default.css

@@ -89,15 +89,25 @@ body {
 }
 a {
   font-size: inherit;
-  text-decoration-line: underline;
-  text-underline-offset: 0.15em;
   text-shadow: inherit;
 }
 a:not([href]) {
   font-style: italic;
 }
-a[href^="#"]:visited,
-a[href^="#"] {
+s > a[href] {
+  color: inherit;
+  text-decoration-line: inherit;
+  text-decoration-style: inherit;
+  text-decoration-color: inherit;
+  text-decoration-thickness: inherit;
+}
+a[href],
+s > a[href]:hover {
+  text-decoration-line: underline;
+  text-underline-offset: 0.15em;
+}
+a[href^="#"],
+s > a[href^="#"]:hover {
   text-decoration-style: dotted;
 }
 a[href]:hover {
@@ -109,8 +119,7 @@ h3,
 h4,
 h5,
 h6,
-dt,
-p {
+dt {
   text-align: justify;
   margin-left: -0.5em;
   margin-right: -0.5em;
@@ -118,48 +127,51 @@ p {
   padding-right: 0.5em;
 }
 h1 {
-  font-size: 2.3em;
+  font-size: 2.75em;
   line-height: 1.33;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2em;
+  margin-top: 3em;
   margin-bottom: 1em;
 }
+h1 small {
+  font-size: 0.667em;
+}
 h2 {
-  font-size: 1.8em;
+  font-size: 2.2em;
   line-height: 1.33;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 3em;
+  margin-top: 4em;
   margin-bottom: 1em;
 }
 h3 {
-  font-size: 1.4em;
+  font-size: 1.75em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2.5em;
+  margin-top: 3.5em;
   margin-bottom: 1em;
 }
 h4 {
-  font-size: 1.2em;
+  font-size: 1.33em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2em;
+  margin-top: 3em;
   margin-bottom: 1em;
 }
 h5 {
-  font-size: 1.1em;
+  font-size: 1.2em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 1.5em;
+  margin-top: 3em;
   margin-bottom: 0.75em;
 }
 h6,
 dt {
-  font-size: 1em;
+  font-size: 1.1em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
@@ -189,7 +201,7 @@ dt {
 [lang*="zh-"] h2,
 [lang*="-hans"] h2,
 [lang*="-CN"] h2 {
-  letter-spacing: 0.2em;
+  letter-spacing: 0.15em;
 }
 h5 + h6,
 h4 + h5,
@@ -235,23 +247,33 @@ td > h1 ~ p:last-child {
   margin-bottom: 1.25em;
 }
 p {
+  text-align: justify;
+  line-height: 1.8;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
-  line-height: 1.8;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  margin-left: 1em;
+  margin-right: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
 }
 blockquote > p {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+li > p {
+  margin-left: 0;
+}
 h1 + p,
 h2 + p,
 h3 + p,
 h4 + p,
 h5 + p,
 h6 + p {
-  margin-top: 0.5em;
+  margin-top: 0em;
 }
 center,
 center > * {
@@ -380,12 +402,15 @@ video {
 }
 blockquote {
   box-sizing: border-box;
-  max-width: calc(100% - 4em);
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.5em 1px 1.3em;
-  margin: 0 1em 1.5em 3em;
+  padding: 1px 1.25em 1px 1.15em;
+  margin-top: 0;
+  margin-bottom: 1.5em;
+  margin-left: 3em;
+  margin-right: 1em;
+  max-width: calc(100% - 4em);
 }
 details {
   margin: 0.5em 1em 1.5em;
@@ -421,10 +446,18 @@ code {
   font-style: normal;
   border-style: solid;
 }
+kbd {
+  margin: -0.15em 0.2em;
+  padding: 0.15em 0.3em;
+  position: relative;
+  top: -0.15em;
+}
 code {
   font-size: inherit;
   word-break: break-all;
   white-space: pre-wrap;
+  margin: 0.1em;
+  padding: 0.1em 0.2em;
 }
 [lang*="zh-" i] code,
 [lang*="-hans" i] code,
@@ -434,9 +467,13 @@ code {
 [lang*="-CN"] code {
   padding-left: 0.4em;
 }
-a > code {
+a > code,
+s > code {
+  color: inherit;
   text-decoration-line: inherit;
   text-decoration-style: inherit;
+  text-decoration-color: inherit;
+  text-decoration-thickness: inherit;
   margin-left: 0;
   margin-right: 0;
 }
@@ -468,7 +505,7 @@ pre {
   display: block;
   box-sizing: border-box;
   padding: 0.5em;
-  margin: 0.5em 1em 2em;
+  margin: 0.5em 2em 2em;
 }
 td > pre,
 li > pre {
@@ -519,7 +556,7 @@ dd {
   text-align: justify;
 }
 li {
-  margin: 0.5em 0;
+  margin: 1em 0;
   padding: 0 0.5em;
 }
 dt {
@@ -631,9 +668,15 @@ hr::after {
     padding-left: 1.8em;
     padding-right: 0;
   }
+  p {
+    margin-left: 0;
+    margin-right: 0;
+  }
   blockquote {
     margin-left: 0;
     margin-right: 0;
+    padding-left: 1em;
+    padding-right: 1em;
     max-width: 100%;
   }
   details {
@@ -704,9 +747,11 @@ hr::after {
 [lang*="-CN"] .centered {
   text-indent: 0;
 }
-.header-anchor {
+.header-anchor,
+a.header-anchor {
   margin-left: -1em;
   text-decoration-line: none;
+  font-weight: normal;
 }
 blockquote > h6 .header-anchor,
 th > h6 .header-anchor,
@@ -745,6 +790,10 @@ td > h1 .header-anchor {
     padding-left: 1.5em;
     padding-right: 1.5em;
   }
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -0.5em;
+  }
 }
 input#__markdown-viewer__show-tools:not(:checked)~.toggleable {
   max-height: 0;
@@ -1089,15 +1138,9 @@ code {
 }
 kbd {
   border-radius: 0.25em;
-  margin: -0.15em 0.2em;
-  padding: 0.15em 0.3em;
-  position: relative;
-  top: -0.15em;
 }
 code {
   border-radius: 0.2em;
-  margin: 0.1em;
-  padding: 0.1em 0.2em;
 }
 pre {
   border-radius: 0.3em;
@@ -1245,8 +1288,9 @@ code {
   border-color: rgba(0,0,0,0.15);
   background-color: #fff;
 }
-a > code {
-  color: inherit;
+s > a,
+s > code {
+  border-color: rgba(255,0,0,0.1);
 }
 pre code {
   background-color: transparent !important;
@@ -1389,17 +1433,21 @@ pre,
 @media print {
   a:visited,
   a {
-    text-decoration-line: underline;
+    text-decoration-line: underline !important;
   }
   a[href]::after {
-    content: ' (' attr(href) ')';
+    content: ' (' attr(href) ')' !important;
   }
   abbr[title]::after {
-    content: ' (' attr(title) ')';
+    content: ' (' attr(title) ')' !important;
   }
   a[href^='#']::after,
   a[href^='javascript:']::after {
-    content: '';
+    content: '' !important;
+  }
+  b,
+  strong {
+    font-weight: bold !important;
   }
   pre,
   blockquote {

package//346/272/220/344/273/243/347/240/201//345/217/221/345/270/203/347/232/204/346/272/220/344/273/243/347/240/201//346/226/207/347/253/240/346/216/222/347/211/210/344/270/216/351/205/215/350/211/262/346/226/271/346/241/210/351/233/206//345/261/202/345/217/240/346/240/267/345/274/217/350/241/250/wulechuan-styles-for-html-via-markdown--typora.default.css

@@ -84,15 +84,25 @@
 }
 a {
   font-size: inherit;
-  text-decoration-line: underline;
-  text-underline-offset: 0.15em;
   text-shadow: inherit;
 }
 a:not([href]) {
   font-style: italic;
 }
-a[href^="#"]:visited,
-a[href^="#"] {
+s > a[href] {
+  color: inherit;
+  text-decoration-line: inherit;
+  text-decoration-style: inherit;
+  text-decoration-color: inherit;
+  text-decoration-thickness: inherit;
+}
+a[href],
+s > a[href]:hover {
+  text-decoration-line: underline;
+  text-underline-offset: 0.15em;
+}
+a[href^="#"],
+s > a[href^="#"]:hover {
   text-decoration-style: dotted;
 }
 a[href]:hover {
@@ -104,8 +114,7 @@ h3,
 h4,
 h5,
 h6,
-dt,
-p {
+dt {
   text-align: justify;
   margin-left: -0.5em;
   margin-right: -0.5em;
@@ -113,48 +122,51 @@ p {
   padding-right: 0.5em;
 }
 h1 {
-  font-size: 2.3em;
+  font-size: 2.75em;
   line-height: 1.33;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2em;
+  margin-top: 3em;
   margin-bottom: 1em;
 }
+h1 small {
+  font-size: 0.667em;
+}
 h2 {
-  font-size: 1.8em;
+  font-size: 2.2em;
   line-height: 1.33;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 3em;
+  margin-top: 4em;
   margin-bottom: 1em;
 }
 h3 {
-  font-size: 1.4em;
+  font-size: 1.75em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2.5em;
+  margin-top: 3.5em;
   margin-bottom: 1em;
 }
 h4 {
-  font-size: 1.2em;
+  font-size: 1.33em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 2em;
+  margin-top: 3em;
   margin-bottom: 1em;
 }
 h5 {
-  font-size: 1.1em;
+  font-size: 1.2em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
-  margin-top: 1.5em;
+  margin-top: 3em;
   margin-bottom: 0.75em;
 }
 h6,
 dt {
-  font-size: 1em;
+  font-size: 1.1em;
   line-height: 1.5;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
@@ -184,7 +196,7 @@ dt {
 [lang*="zh-"] h2,
 [lang*="-hans"] h2,
 [lang*="-CN"] h2 {
-  letter-spacing: 0.2em;
+  letter-spacing: 0.15em;
 }
 h5 + h6,
 h4 + h5,
@@ -230,23 +242,33 @@ td > h1 ~ p:last-child {
   margin-bottom: 1.25em;
 }
 p {
+  text-align: justify;
+  line-height: 1.8;
   padding-top: 0.25em;
   padding-bottom: 0.25em;
-  line-height: 1.8;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  margin-left: 1em;
+  margin-right: 1em;
   margin-top: 1em;
   margin-bottom: 1em;
 }
 blockquote > p {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
+li > p {
+  margin-left: 0;
+}
 h1 + p,
 h2 + p,
 h3 + p,
 h4 + p,
 h5 + p,
 h6 + p {
-  margin-top: 0.5em;
+  margin-top: 0em;
 }
 center,
 center > * {
@@ -375,12 +397,15 @@ video {
 }
 blockquote {
   box-sizing: border-box;
-  max-width: calc(100% - 4em);
   display: inline-block;
   vertical-align: top;
   border-style: solid;
-  padding: 1px 1.5em 1px 1.3em;
-  margin: 0 1em 1.5em 3em;
+  padding: 1px 1.25em 1px 1.15em;
+  margin-top: 0;
+  margin-bottom: 1.5em;
+  margin-left: 3em;
+  margin-right: 1em;
+  max-width: calc(100% - 4em);
 }
 details {
   margin: 0.5em 1em 1.5em;
@@ -416,10 +441,18 @@ code {
   font-style: normal;
   border-style: solid;
 }
+kbd {
+  margin: -0.15em 0.2em;
+  padding: 0.15em 0.3em;
+  position: relative;
+  top: -0.15em;
+}
 code {
   font-size: inherit;
   word-break: break-all;
   white-space: pre-wrap;
+  margin: 0.1em;
+  padding: 0.1em 0.2em;
 }
 [lang*="zh-" i] code,
 [lang*="-hans" i] code,
@@ -429,9 +462,13 @@ code {
 [lang*="-CN"] code {
   padding-left: 0.4em;
 }
-a > code {
+a > code,
+s > code {
+  color: inherit;
   text-decoration-line: inherit;
   text-decoration-style: inherit;
+  text-decoration-color: inherit;
+  text-decoration-thickness: inherit;
   margin-left: 0;
   margin-right: 0;
 }
@@ -463,7 +500,7 @@ pre {
   display: block;
   box-sizing: border-box;
   padding: 0.5em;
-  margin: 0.5em 1em 2em;
+  margin: 0.5em 2em 2em;
 }
 td > pre,
 li > pre {
@@ -514,7 +551,7 @@ dd {
   text-align: justify;
 }
 li {
-  margin: 0.5em 0;
+  margin: 1em 0;
   padding: 0 0.5em;
 }
 dt {
@@ -626,9 +663,15 @@ hr::after {
     padding-left: 1.8em;
     padding-right: 0;
   }
+  p {
+    margin-left: 0;
+    margin-right: 0;
+  }
   blockquote {
     margin-left: 0;
     margin-right: 0;
+    padding-left: 1em;
+    padding-right: 1em;
     max-width: 100%;
   }
   details {
@@ -699,9 +742,11 @@ hr::after {
 [lang*="-CN"] .centered {
   text-indent: 0;
 }
-.header-anchor {
+.header-anchor,
+a.header-anchor {
   margin-left: -1em;
   text-decoration-line: none;
+  font-weight: normal;
 }
 blockquote > h6 .header-anchor,
 th > h6 .header-anchor,
@@ -740,6 +785,10 @@ td > h1 .header-anchor {
     padding-left: 1.5em;
     padding-right: 1.5em;
   }
+  .header-anchor,
+  a.header-anchor {
+    margin-left: -0.5em;
+  }
 }
 pre.CodeMirror-line {
   display: block;
@@ -904,15 +953,9 @@ code {
 }
 kbd {
   border-radius: 0.25em;
-  margin: -0.15em 0.2em;
-  padding: 0.15em 0.3em;
-  position: relative;
-  top: -0.15em;
 }
 code {
   border-radius: 0.2em;
-  margin: 0.1em;
-  padding: 0.1em 0.2em;
 }
 pre {
   border-radius: 0.3em;
@@ -1060,8 +1103,9 @@ code {
   border-color: rgba(0,0,0,0.15);
   background-color: #fff;
 }
-a > code {
-  color: inherit;
+s > a,
+s > code {
+  border-color: rgba(255,0,0,0.1);
 }
 pre code {
   background-color: transparent !important;
@@ -1148,17 +1192,21 @@ hr::before {
 @media print {
   a:visited,
   a {
-    text-decoration-line: underline;
+    text-decoration-line: underline !important;
   }
   a[href]::after {
-    content: ' (' attr(href) ')';
+    content: ' (' attr(href) ')' !important;
   }
   abbr[title]::after {
-    content: ' (' attr(title) ')';
+    content: ' (' attr(title) ')' !important;
   }
   a[href^='#']::after,
   a[href^='javascript:']::after {
-    content: '';
+    content: '' !important;
+  }
+  b,
+  strong {
+    font-weight: bold !important;
   }
   pre,
   blockquote {