chore: release v0.0.0-20230302.7

.github/workflows/ci.yml

@@ -22,12 +22,12 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 16
-          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,7 +47,7 @@ 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

.github/workflows/release.yml

@@ -21,7 +21,7 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: 16
-          registry-url: https://registry.npmjs.org/
+          registry-url: https://registry.npmjs.com
       # Step III
       - name: Install Dependencies
         run: npm ci

.stylelintrc

@@ -4,8 +4,7 @@
     "stylelint-config-standard-scss",
     "stylelint-config-hudochenkov/order"
   ],
-  "plugins": ["stylelint-scss"]
+  "plugins": ["stylelint-scss"],
-  ,
   "rules": {
     "alpha-value-notation": "number",
     "at-rule-empty-line-before": null,

README.md

@@ -1,14 +1,14 @@
 <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 for everyone.
+> A simple and customizable markdown CSS stylesheet for everyone.
 
 ## Requirement
 
@@ -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.3",
+  "version": "0.0.0-20230302.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-markdown-css",
-  "version": "0.0.0-20230302.3",
+  "version": "0.0.0-20230302.7",
-  "description": "A simple and customizable Markdown CSS for everyone.",
+  "description": "A simple and customizable markdown CSS stylesheet for everyone.",
   "keywords": [
     "markdown",
     "css",

src/scss/markdown.scss

@@ -1,13 +1,11 @@
 .markdown-body {
   color: var(--xm-c-general);
   font-family: var(--xm-font-display) !important;
-  pre {
+  pre:not(.shiki, .highlight) {
-    &:not(.shiki, .highlight) {
     margin: 0;
     padding: 0;
     background: transparent;
   }
-  }
   .shiki,
   .highlight {
     margin: .5rem 0;
@@ -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,12 +90,8 @@ html:not(.dark) .shiki-dark,
     text-decoration: none;
   }
 }
-h1,
+@for $i from 1 through 6 {
-h2,
+  h#{$i} {
-h3,
-h4,
-h5,
-h6 {
     &:hover,
     &:focus {
       .header-anchor {
@@ -105,3 +99,4 @@ h6 {
       }
     }
   }
+}

src/scss/partials/quote.scss

@@ -3,7 +3,7 @@ q {
   margin-top: 1.65rem;
   margin-bottom: 1.65rem;
   padding-left: 1rem;
-  border-left: .25rem solid var(--xm-c-blockquote-border);
+  border-left: .25rem solid var(--xm-c-quote-border);
   color: inherit;
   font-weight: 500;
   font-style: italic;

src/scss/prose.scss

@@ -1,6 +1,6 @@
-@use 'partial/container' as *;
+@use 'partials/container' as *;
 
 .prose {
   @include container;
-  @import 'partial/all';
+  @import 'partials/all';
 }

src/scss/variables/_colors.scss

@@ -5,7 +5,7 @@ $code: #111827;
 $ol-counter: #6b7280;
 $ul-counter: #d1d5db;
 $hr-border: hsla(0deg 0 50% / .3);
-$blockquote-border: hsla(0deg 0 50% / .3);
+$quote-border: hsla(0deg 0 50% / .3);
 $figcaption: #6b7280;
 $pre: #e5e7eb;
 $thead: #111827;