chore: release v0.0.0-20230302.11

.github/workflows/ci.yml

@@ -21,13 +21,13 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
-          registry-url: https://registry.npmjs.org/
+          registry-url: https://registry.npmjs.com
       # Step III
       - name: Install Dependencies
         run: npm ci
       # Step IV
-      - name: Lint
+      - name: Test Lint
         run: npm run lint
   # Test Build
   build:
@@ -47,10 +47,19 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
-          registry-url: https://registry.npmjs.org/
+          registry-url: https://registry.npmjs.com
       # Step III
       - name: Install Dependencies
         run: npm ci
       # Step IV
       - name: Test Build
         run: npm run build
+      # Step V
+      - name: Upload Artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: built-on__os_${{ matrix.os }}__nodejs_${{ matrix.node-version }}
+          path: dist/
+          retention-days: 3
+
+# Authored by KuoHuanHuan.

.github/workflows/release.yml

@@ -6,7 +6,7 @@ on:
       - 'v*'
 
 jobs:
-  # NPM Registry Release
+  # NPM Registry & GitHub Release
   release:
     # Use Ubuntu 22.04
     runs-on: ubuntu-22.04
@@ -20,8 +20,8 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 18
-          registry-url: https://registry.npmjs.org/
+          registry-url: https://registry.npmjs.com
       # Step III
       - name: Install Dependencies
         run: npm ci
@@ -29,12 +29,27 @@ jobs:
       - name: Build Project
         run: npm run build
       # Step V
+      - name: Create Zip File
+        uses: vimtor/action-zip@v1.1
+        with:
+          files: dist/
+          dest: build.zip
+      # Step VI
       - name: Publish to NPM Registry
         uses: rxfork/npm-publish@v1
         with:
           token: ${{ secrets.NPM_TOKEN }}
-      # Step VI
+      # Step VII
       - name: Generate Changelog
         run: npx changelogithub@0.12
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      # Step VIII
+      - name: GitHub Release
+        uses: softprops/action-gh-release@v1
+        with:
+          files: |
+            dist/*
+            build.zip
+
+# Authored by KuoHuanHuan.

README.md

@@ -1,12 +1,12 @@
 <h1 align="center">x-markdown-css</h1>
 
-<p align="center">
+<center>
 
 [![Version](https://img.shields.io/npm/v/x-markdown-css.svg)](https://www.npmjs.com/package/x-markdown-css)
 [![Node.js Requirement](https://img.shields.io/badge/node-%3E%3D16-blue.svg)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/package.json)
 [![MIT License](https://img.shields.io/github/license/kuohuanhuan/x-markdown-css)](https://github.com/kuohuanhuan/x-markdown-css/blob/master/LICENSE)
 
-</p>
+</center>
 
 > A simple and customizable markdown CSS stylesheet for everyone.
 
@@ -50,11 +50,11 @@ You can use the minified CSS file with a CDN service:
 
 ## Uses
 
-- [SCSS](https://sass-lang.com): CSS pre-processor.
+- [SCSS](https://sass-lang.com)
-- [Stylelint](https://stylelint.io): Linting SCSS codes.
+- [Stylelint](https://stylelint.io)
-- [Grunt](https://gruntjs.com): Automating build tasks.
+- [Grunt](https://gruntjs.com)
-- [PostCSS](https://postcss.org): Transforming CSS dist.
+- [PostCSS](https://postcss.org)
-- [cssnano](https://cssnano.co): Compressing CSS dist.
+- [cssnano](https://cssnano.co)
 
 *...and much more.*
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "x-markdown-css",
-  "version": "0.0.0-20230302.4",
+  "version": "0.0.0-20230302.11",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-markdown-css",
-  "version": "0.0.0-20230302.4",
+  "version": "0.0.0-20230302.11",
   "description": "A simple and customizable markdown CSS stylesheet for everyone.",
   "keywords": [
     "markdown",

src/scss/markdown.scss

@@ -1,12 +1,10 @@
 .markdown-body {
   color: var(--xm-c-general);
   font-family: var(--xm-font-display) !important;
-  pre {
+  pre:not(.shiki, .highlight) {
-    &:not(.shiki, .highlight) {
+    margin: 0;
-      margin: 0;
+    padding: 0;
-      padding: 0;
+    background: transparent;
-      background: transparent;
-    }
   }
   .shiki,
   .highlight {
@@ -81,7 +79,7 @@ html:not(.dark) .shiki-dark,
 .header-anchor {
   float: left;
   margin-top: .125rem;
-  margin-left: -1.2rem;
+  margin-left: -1.25rem;
   padding-right: .5rem;
   border: 0 !important;
   font-size: .875rem;
@@ -92,16 +90,13 @@ html:not(.dark) .shiki-dark,
     text-decoration: none;
   }
 }
-h1,
+@for $i from 1 through 6 {
-h2,
+  h#{$i} {
-h3,
+    &:hover,
-h4,
+    &:focus {
-h5,
+      .header-anchor {
-h6 {
+        opacity: .5;
-  &:hover,
+      }
-  &:focus {
-    .header-anchor {
-      opacity: .5;
     }
   }
 }