chore(deps-dev): bump postcss-preset-env from 8.0.1 to 8.1.0 (#7)

Bumps [postcss-preset-env](https://github.com/csstools/postcss-plugins/tree/HEAD/plugin-packs/postcss-preset-env) from 8.0.1 to 8.1.0.
- [Release notes](https://github.com/csstools/postcss-plugins/releases)
- [Changelog](https://github.com/csstools/postcss-plugins/blob/main/plugin-packs/postcss-preset-env/CHANGELOG.md)
- [Commits](https://github.com/csstools/postcss-plugins/commits/HEAD/plugin-packs/postcss-preset-env)

---
updated-dependencies:
- dependency-name: postcss-preset-env
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: Release
 on:
   push:
     tags:
-      - 'v*'
+      - v*
 
 jobs:
   # NPM Registry & GitHub Release

package-lock.json

@@ -1,19 +1,19 @@
 {
   "name": "x-markdown-css",
-  "version": "0.1.0",
+  "version": "0.1.5",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "x-markdown-css",
-      "version": "0.0.5",
+      "version": "0.1.5",
       "license": "MIT",
       "dependencies": {
         "coffeescript": "^2.7.0",
         "sass": "^1.58.3"
       },
       "devDependencies": {
-        "@kuohuanhuan/stylelint-config": "^0.0.3",
+        "@kuohuanhuan/stylelint-config": "^0.0.5",
         "@lodder/grunt-postcss": "^3.1.1",
         "autoprefixer": "^10.4.13",
         "bumpp": "^9.0.0",
@@ -157,9 +157,9 @@
       }
     },
     "node_modules/@csstools/css-calc": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.0.0.tgz",
-      "integrity": "sha512-Xw0b/Jr+vLGGYD8cxsGWPaY5n1GtVC6G4tcga+eZPXZzRjjZHorPwW739UgtXzL2Da1RLxNE73c0r/KvmizPsw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.0.1.tgz",
+      "integrity": "sha512-VBI8X0bmStfc85wWTa2bsbnlBQxgW4FmJ0Ts9ar9UqytE6kii3yg6GO+wpgzht2oK5Qlbpkm1Fy2kcqVmu6f3Q==",
       "dev": true,
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -173,10 +173,44 @@
         "@csstools/css-tokenizer": "^2.0.1"
       }
     },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.0.0.tgz",
+      "integrity": "sha512-u3JrK+pQIGGnXe+YhohWwAwOum2y25NRdEjRQFD3moMnOJgmU/nj8BPAF6DDQAooy8Ty9RNKiAh2njuqwMgUNQ==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/color-helpers": "^2.0.0",
+        "@csstools/css-calc": "^1.0.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.1.0",
+        "@csstools/css-tokenizer": "^2.1.0"
+      }
+    },
+    "node_modules/@csstools/css-color-parser/node_modules/@csstools/color-helpers": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-2.0.0.tgz",
+      "integrity": "sha512-VcPjEnp07RNgz/D+oI2uIALg+IPCSl6mj0XhA3pl3F2bM2B95vgzatExmmzSg/X0zkh+R2v+jFY/J2pV/bnwpw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      }
+    },
     "node_modules/@csstools/css-parser-algorithms": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.0.1.tgz",
-      "integrity": "sha512-B9/8PmOtU6nBiibJg0glnNktQDZ3rZnGn/7UmDfrm2vMtrdlXO3p7ErE95N0up80IRk9YEtB5jyj/TmQ1WH3dw==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.1.0.tgz",
+      "integrity": "sha512-KP8TicdXpUyeB1NMlbHud/1l39xvLGvqNFWMpG4qC6H1zs9SadGUHe5SO92n/659sDW9aGDvm9AMru0DZkN1Bw==",
       "dev": true,
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -260,6 +294,28 @@
         "postcss": "^8.4"
       }
     },
+    "node_modules/@csstools/postcss-color-mix-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.0.tgz",
+      "integrity": "sha512-JuI8SKpE/XIpfmvALcxvk6flaq36KCJwqQgZ958Jz189r1diQZADq+7xFmjcv+B0vHQ4nSa92gGExtzOZ1iiUg==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.0.0",
+        "@csstools/css-parser-algorithms": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.1.0",
+        "@csstools/postcss-progressive-custom-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
     "node_modules/@csstools/postcss-font-format-keywords": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-2.0.2.tgz",
@@ -280,13 +336,14 @@
       }
     },
     "node_modules/@csstools/postcss-hwb-function": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-2.1.1.tgz",
-      "integrity": "sha512-XijKzdxBdH2hU6IcPWmnaU85FKEF1XE5hGy0d6dQC6XznFUIRu1T4uebL3krayX40m4xIcxfCBsQm5zphzVrtg==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-2.2.0.tgz",
+      "integrity": "sha512-7gDPKacr3KhonzEyj4dzAEcetFJbN+JVPZXtANpf9SAVUHDUK+cCw7367uRlXnCeAoTdmRAyBk3agg2+snFxAw==",
       "dev": true,
       "dependencies": {
-        "@csstools/color-helpers": "^1.0.0",
-        "postcss-value-parser": "^4.2.0"
+        "@csstools/css-color-parser": "^1.0.0",
+        "@csstools/css-parser-algorithms": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.1.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -453,14 +510,15 @@
       }
     },
     "node_modules/@csstools/postcss-oklab-function": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-2.1.0.tgz",
-      "integrity": "sha512-U/odSNjOVhagNRu+RDaNVbn8vaqA9GyCOoneQA2je7697KOrtRDc7/POrYsP7QioO2aaezDzKNX02wBzc99fkQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-2.2.0.tgz",
+      "integrity": "sha512-5QMtgn9IWpeTbbt8DwLvr41CQRJef2fKhznTFQI1Og/v3zr/uKYu+aSKZEEaoZnO9OophM4YJnkVJne3CqvJDQ==",
       "dev": true,
       "dependencies": {
-        "@csstools/color-helpers": "^1.0.0",
-        "@csstools/postcss-progressive-custom-properties": "^2.0.0",
-        "postcss-value-parser": "^4.2.0"
+        "@csstools/css-color-parser": "^1.0.0",
+        "@csstools/css-parser-algorithms": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.1.0",
+        "@csstools/postcss-progressive-custom-properties": "^2.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -553,12 +611,14 @@
       }
     },
     "node_modules/@csstools/postcss-trigonometric-functions": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-2.0.1.tgz",
-      "integrity": "sha512-uGmmVWGHozyWe6+I4w321fKUC034OB1OYW0ZP4ySHA23n+r9y93K+1yrmW+hThpSfApKhaWySoD4I71LLlFUYQ==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-2.1.0.tgz",
+      "integrity": "sha512-Ly7YczO+QdnByYeGqlppJoA2Tb2vsFfj5gSrszPTXJ+/4g3nnEZnG0VSeTK/WA8y7fzyL/qVNkkdEeOnruNWFQ==",
       "dev": true,
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "@csstools/css-calc": "^1.0.0",
+        "@csstools/css-parser-algorithms": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.0.1"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -620,14 +680,12 @@
       }
     },
     "node_modules/@kuohuanhuan/stylelint-config": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/@kuohuanhuan/stylelint-config/-/stylelint-config-0.0.3.tgz",
-      "integrity": "sha512-Z8TayDNZ/LolcOSYbEdrch0hSmIVrS/wBVAsuwZAfsIkqaCKRhoBydv+pN9CQeFxkYqyVjvNhYiEKORu/ZsrTA==",
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@kuohuanhuan/stylelint-config/-/stylelint-config-0.0.5.tgz",
+      "integrity": "sha512-I0TNXQUNozKCGp6uojOaah/T3oWPgBFB/aAKcPjG27MkyP3VAjc4XrpHvmxNKGvzy2gr/AsVmJrugNbWrLBaVQ==",
       "dev": true,
       "peerDependencies": {
-        "bumpp": "^9.0.0",
         "postcss-scss": "^4.0.6",
-        "prettier": "2.8.4",
         "stylelint": "^15.2.0",
         "stylelint-order": "^6.0.2",
         "stylelint-scss": "^4.4.0"
@@ -841,9 +899,9 @@
       "dev": true
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.13",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.13.tgz",
-      "integrity": "sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg==",
+      "version": "10.4.14",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.14.tgz",
+      "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
       "dev": true,
       "funding": [
         {
@@ -856,8 +914,8 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "caniuse-lite": "^1.0.30001426",
+        "browserslist": "^4.21.5",
+        "caniuse-lite": "^1.0.30001464",
         "fraction.js": "^4.2.0",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -1024,9 +1082,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001460",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001460.tgz",
-      "integrity": "sha512-Bud7abqjvEjipUkpLs4D7gR0l8hBYBHoa+tGtKJHvT2AYzLp1z7EmVkUT4ERpVUfca8S2HGIVs883D8pUH1ZzQ==",
+      "version": "1.0.30001464",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001464.tgz",
+      "integrity": "sha512-oww27MtUmusatpRpCGSOneQk2/l5czXANDSFvsc7VuOQ86s3ANhZetpwXNf1zY/zdfP63Xvjz325DAdAoES13g==",
       "dev": true,
       "funding": [
         {
@@ -1310,9 +1368,9 @@
       }
     },
     "node_modules/cssdb": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.4.1.tgz",
-      "integrity": "sha512-0Q8NOMpXJ3iTDDbUv9grcmQAfdDx4qz+fN/+Md2FGbevT+6+bJNQ2LjB2YIUlLbpBTM32idU1Sb+tb/uGt6/XQ==",
+      "version": "7.5.1",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.5.1.tgz",
+      "integrity": "sha512-YdmjGmoS9TT5wgoKjySaBqgbPYtyxbbegeK8WNqWbZRa7SJcX9V0qGfDjbI8oPQwmh/zuA6ZSnQBCKLj9bZufw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -1590,9 +1648,9 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.320",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.320.tgz",
-      "integrity": "sha512-h70iRscrNluMZPVICXYl5SSB+rBKo22XfuIS1ER0OQxQZpKTnFpuS6coj7wY9M/3trv7OR88rRMOlKmRvDty7Q==",
+      "version": "1.4.322",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.322.tgz",
+      "integrity": "sha512-KovjizNC9XB7dno/2GjxX8VS0SlfPpCjtyoKft+bCO+UfD8bFy16hY4Sh9s0h9BDxbRH2U0zX5VBjpM1LTcNlg==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -2516,9 +2574,9 @@
       }
     },
     "node_modules/known-css-properties": {
-      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.26.0.tgz",
-      "integrity": "sha512-5FZRzrZzNTBruuurWpvZnvP9pum+fe0HcK8z/ooo+U+Hmp4vtbyp1/QDsqmufirXy4egGzbaH/y2uCZf+6W5Kg==",
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.27.0.tgz",
+      "integrity": "sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg==",
       "dev": true
     },
     "node_modules/liftup": {
@@ -3578,14 +3636,15 @@
       }
     },
     "node_modules/postcss-lab-function": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-5.1.0.tgz",
-      "integrity": "sha512-iZApRTNcpc71uTn7PkzjHtj5cmuZpvu6okX4jHnM5OFi2fG97sodjxkq6SpL65xhW0NviQrAMSX97ntyGVRV0w==",
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-5.2.0.tgz",
+      "integrity": "sha512-ie/k0xFCib22LV56jZoygLuWfM4J4migb89QnEXOjORGh6UwsDVSPW/x+P2MYS+AKFfZ5Npcu5HYEzYcezAAag==",
       "dev": true,
       "dependencies": {
-        "@csstools/color-helpers": "^1.0.0",
-        "@csstools/postcss-progressive-custom-properties": "^2.0.0",
-        "postcss-value-parser": "^4.2.0"
+        "@csstools/css-color-parser": "^1.0.0",
+        "@csstools/css-parser-algorithms": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.1.0",
+        "@csstools/postcss-progressive-custom-properties": "^2.0.0"
       },
       "engines": {
         "node": "^14 || ^16 || >=18"
@@ -3888,9 +3947,9 @@
       }
     },
     "node_modules/postcss-opacity-percentage": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz",
-      "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-2.0.0.tgz",
+      "integrity": "sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==",
       "dev": true,
       "funding": [
         {
@@ -3903,7 +3962,7 @@
         }
       ],
       "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": "^14 || ^16 || >=18"
       },
       "peerDependencies": {
         "postcss": "^8.2"
@@ -3973,63 +4032,64 @@
       }
     },
     "node_modules/postcss-preset-env": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-8.0.1.tgz",
-      "integrity": "sha512-IUbymw0JlUbyVG+I85963PNWgPp3KhnFa1sxU7M/2dGthxV8e297P0VV5W9XcyypoH4hirH2fp1c6fmqh6YnSg==",
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-8.1.0.tgz",
+      "integrity": "sha512-YIsPebk8tMZ9dOcKynyDue5zaod1oyXQ7WhbjmTufjNf9RyJlJx0A/4jYLVKxaHL8XgeygoUghg99+vwPX4SFA==",
       "dev": true,
       "dependencies": {
-        "@csstools/postcss-cascade-layers": "^3.0.0",
-        "@csstools/postcss-color-function": "^2.0.0",
-        "@csstools/postcss-font-format-keywords": "^2.0.0",
-        "@csstools/postcss-hwb-function": "^2.0.0",
-        "@csstools/postcss-ic-unit": "^2.0.0",
-        "@csstools/postcss-is-pseudo-class": "^3.0.0",
-        "@csstools/postcss-logical-float-and-clear": "^1.0.0",
-        "@csstools/postcss-logical-resize": "^1.0.0",
-        "@csstools/postcss-logical-viewport-units": "^1.0.0",
-        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.0",
-        "@csstools/postcss-nested-calc": "^2.0.0",
-        "@csstools/postcss-normalize-display-values": "^2.0.0",
-        "@csstools/postcss-oklab-function": "^2.0.0",
-        "@csstools/postcss-progressive-custom-properties": "^2.0.0",
-        "@csstools/postcss-scope-pseudo-class": "^2.0.0",
-        "@csstools/postcss-stepped-value-functions": "^2.0.0",
-        "@csstools/postcss-text-decoration-shorthand": "^2.0.0",
-        "@csstools/postcss-trigonometric-functions": "^2.0.0",
-        "@csstools/postcss-unset-value": "^2.0.0",
-        "autoprefixer": "^10.4.13",
-        "browserslist": "^4.21.4",
-        "css-blank-pseudo": "^5.0.0",
-        "css-has-pseudo": "^5.0.0",
-        "css-prefers-color-scheme": "^8.0.0",
-        "cssdb": "^7.4.0",
-        "postcss-attribute-case-insensitive": "^6.0.0",
+        "@csstools/postcss-cascade-layers": "^3.0.1",
+        "@csstools/postcss-color-function": "^2.1.0",
+        "@csstools/postcss-color-mix-function": "^1.0.0",
+        "@csstools/postcss-font-format-keywords": "^2.0.2",
+        "@csstools/postcss-hwb-function": "^2.2.0",
+        "@csstools/postcss-ic-unit": "^2.0.2",
+        "@csstools/postcss-is-pseudo-class": "^3.1.1",
+        "@csstools/postcss-logical-float-and-clear": "^1.0.1",
+        "@csstools/postcss-logical-resize": "^1.0.1",
+        "@csstools/postcss-logical-viewport-units": "^1.0.2",
+        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.1",
+        "@csstools/postcss-nested-calc": "^2.0.2",
+        "@csstools/postcss-normalize-display-values": "^2.0.1",
+        "@csstools/postcss-oklab-function": "^2.2.0",
+        "@csstools/postcss-progressive-custom-properties": "^2.1.0",
+        "@csstools/postcss-scope-pseudo-class": "^2.0.2",
+        "@csstools/postcss-stepped-value-functions": "^2.1.0",
+        "@csstools/postcss-text-decoration-shorthand": "^2.2.1",
+        "@csstools/postcss-trigonometric-functions": "^2.1.0",
+        "@csstools/postcss-unset-value": "^2.0.1",
+        "autoprefixer": "^10.4.14",
+        "browserslist": "^4.21.5",
+        "css-blank-pseudo": "^5.0.2",
+        "css-has-pseudo": "^5.0.2",
+        "css-prefers-color-scheme": "^8.0.2",
+        "cssdb": "^7.5.1",
+        "postcss-attribute-case-insensitive": "^6.0.2",
         "postcss-clamp": "^4.1.0",
-        "postcss-color-functional-notation": "^5.0.0",
-        "postcss-color-hex-alpha": "^9.0.0",
-        "postcss-color-rebeccapurple": "^8.0.0",
-        "postcss-custom-media": "^9.1.0",
-        "postcss-custom-properties": "^13.1.0",
-        "postcss-custom-selectors": "^7.1.0",
-        "postcss-dir-pseudo-class": "^7.0.0",
-        "postcss-double-position-gradients": "^4.0.0",
-        "postcss-focus-visible": "^8.0.0",
-        "postcss-focus-within": "^7.0.0",
+        "postcss-color-functional-notation": "^5.0.2",
+        "postcss-color-hex-alpha": "^9.0.2",
+        "postcss-color-rebeccapurple": "^8.0.2",
+        "postcss-custom-media": "^9.1.2",
+        "postcss-custom-properties": "^13.1.4",
+        "postcss-custom-selectors": "^7.1.2",
+        "postcss-dir-pseudo-class": "^7.0.2",
+        "postcss-double-position-gradients": "^4.0.2",
+        "postcss-focus-visible": "^8.0.2",
+        "postcss-focus-within": "^7.0.2",
         "postcss-font-variant": "^5.0.0",
-        "postcss-gap-properties": "^4.0.0",
-        "postcss-image-set-function": "^5.0.0",
+        "postcss-gap-properties": "^4.0.1",
+        "postcss-image-set-function": "^5.0.2",
         "postcss-initial": "^4.0.1",
-        "postcss-lab-function": "^5.0.0",
-        "postcss-logical": "^6.0.0",
+        "postcss-lab-function": "^5.2.0",
+        "postcss-logical": "^6.1.0",
         "postcss-media-minmax": "^5.0.0",
-        "postcss-nesting": "^11.0.0",
-        "postcss-opacity-percentage": "^1.1.3",
-        "postcss-overflow-shorthand": "^4.0.0",
+        "postcss-nesting": "^11.2.1",
+        "postcss-opacity-percentage": "^2.0.0",
+        "postcss-overflow-shorthand": "^4.0.1",
         "postcss-page-break": "^3.0.4",
-        "postcss-place": "^8.0.0",
-        "postcss-pseudo-class-any-link": "^8.0.0",
+        "postcss-place": "^8.0.1",
+        "postcss-pseudo-class-any-link": "^8.0.2",
         "postcss-replace-overflow-wrap": "^4.0.0",
-        "postcss-selector-not": "^7.0.0",
+        "postcss-selector-not": "^7.0.1",
         "postcss-value-parser": "^4.2.0"
       },
       "engines": {
@@ -4180,9 +4240,9 @@
       }
     },
     "node_modules/postcss-sorting": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.1.tgz",
-      "integrity": "sha512-go9Zoxx7KQH+uLrJ9xa5wRErFeXu01ydA6O8m7koPXkmAN7Ts//eRcIqjo0stBR4+Nir2gMYDOWAOx7O5EPUZA==",
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.2.tgz",
+      "integrity": "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==",
       "dev": true,
       "peer": true,
       "peerDependencies": {
@@ -4226,22 +4286,6 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "dev": true
     },
-    "node_modules/prettier": {
-      "version": "2.8.4",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.4.tgz",
-      "integrity": "sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==",
-      "dev": true,
-      "peer": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
     "node_modules/pretty-bytes": {
       "version": "5.6.0",
       "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -4579,9 +4623,9 @@
       "dev": true
     },
     "node_modules/sass": {
-      "version": "1.58.3",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.58.3.tgz",
-      "integrity": "sha512-Q7RaEtYf6BflYrQ+buPudKR26/lH+10EmO9bBqbmPh/KeLqv8bjpTNqxe71ocONqXq+jYiCbpPUmQMS+JJPk4A==",
+      "version": "1.60.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.60.0.tgz",
+      "integrity": "sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==",
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -4686,9 +4730,9 @@
       }
     },
     "node_modules/spdx-correct": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
-      "integrity": "sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
       "dev": true,
       "dependencies": {
         "spdx-expression-parse": "^3.0.0",
@@ -4800,18 +4844,18 @@
       }
     },
     "node_modules/stylelint": {
-      "version": "15.2.0",
-      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.2.0.tgz",
-      "integrity": "sha512-wjg5OLn8zQwjlj5cYUgyQpMWKzct42AG5dYlqkHRJQJqsystFFn3onqEc263KH4xfEI0W3lZCnlIhFfS64uwSA==",
+      "version": "15.3.0",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.3.0.tgz",
+      "integrity": "sha512-9UYBYk7K9rtlKcTUDZrtntE840sZM00qyYBQHHe7tjwMNUsPsGvR6Fd43IxHEAhRrDLzpy3TVaHb6CReBB3eFg==",
       "dev": true,
       "dependencies": {
         "@csstools/css-parser-algorithms": "^2.0.1",
-        "@csstools/css-tokenizer": "^2.0.1",
+        "@csstools/css-tokenizer": "^2.1.0",
         "@csstools/media-query-list-parser": "^2.0.1",
         "@csstools/selector-specificity": "^2.1.1",
         "balanced-match": "^2.0.0",
         "colord": "^2.9.3",
-        "cosmiconfig": "^8.0.0",
+        "cosmiconfig": "^8.1.0",
         "css-functions-list": "^3.1.0",
         "css-tree": "^2.3.1",
         "debug": "^4.3.4",
@@ -4826,7 +4870,7 @@
         "import-lazy": "^4.0.0",
         "imurmurhash": "^0.1.4",
         "is-plain-object": "^5.0.0",
-        "known-css-properties": "^0.26.0",
+        "known-css-properties": "^0.27.0",
         "mathml-tag-names": "^2.1.3",
         "meow": "^9.0.0",
         "micromatch": "^4.0.5",
@@ -4842,7 +4886,7 @@
         "string-width": "^4.2.3",
         "strip-ansi": "^6.0.1",
         "style-search": "^0.1.0",
-        "supports-hyperlinks": "^2.3.0",
+        "supports-hyperlinks": "^3.0.0",
         "svg-tags": "^1.0.0",
         "table": "^6.8.1",
         "v8-compile-cache": "^2.3.0",
@@ -4860,14 +4904,14 @@
       }
     },
     "node_modules/stylelint-order": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.2.tgz",
-      "integrity": "sha512-yuac0BE6toHd27wUPvYVVQicAJthKFIv1HPQFH3Q0dExiO3Z6Uam7geoO0tUd5Z9ddsATYK++1qWNDX4RxMH5Q==",
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.3.tgz",
+      "integrity": "sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==",
       "dev": true,
       "peer": true,
       "dependencies": {
         "postcss": "^8.4.21",
-        "postcss-sorting": "^8.0.1"
+        "postcss-sorting": "^8.0.2"
       },
       "peerDependencies": {
         "stylelint": "^14.0.0 || ^15.0.0"
@@ -4956,16 +5000,16 @@
       }
     },
     "node_modules/supports-hyperlinks": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
-      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz",
+      "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==",
       "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0",
         "supports-color": "^7.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=14.18"
       }
     },
     "node_modules/supports-preserve-symlinks-flag": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-markdown-css",
-  "version": "0.1.0",
+  "version": "0.1.5",
   "description": "A simple and customizable markdown CSS stylesheet for everyone.",
   "keywords": [
     "markdown",
@@ -47,7 +47,7 @@
     "sass": "^1.58.3"
   },
   "devDependencies": {
-    "@kuohuanhuan/stylelint-config": "^0.0.3",
+    "@kuohuanhuan/stylelint-config": "^0.0.5",
     "@lodder/grunt-postcss": "^3.1.1",
     "autoprefixer": "^10.4.13",
     "bumpp": "^9.0.0",

src/_vars.scss

@@ -1,6 +1,5 @@
 @use 'sass:meta';
 @use 'variables/constants';
-@use 'variables/colors';
 @use 'variables/modes/light';
 @use 'variables/modes/dark';
 
@@ -8,10 +7,6 @@
   @each $name, $val in meta.module-variables('constants') {
     --xm-#{$name}: #{$val};
   }
-
-  @each $name, $val in meta.module-variables('colors') {
-    --xm-c-#{$name}: #{$val};
-  }
 }
 
 .markdown-body {

src/partials/_all.scss

@@ -1,9 +1,9 @@
-@use 'title';
-@use 'text';
-@use 'link';
-@use 'code';
-@use 'quote';
-@use 'figure';
-@use 'list';
-@use 'table';
-@use 'media';
+@forward 'title';
+@forward 'text';
+@forward 'link';
+@forward 'code';
+@forward 'quote';
+@forward 'figure';
+@forward 'list';
+@forward 'table';
+@forward 'media';

src/partials/code.scss

@@ -15,7 +15,7 @@ pre {
   margin-bottom: 1.75rem;
   padding-top: .875rem, 1.15rem;
   border-radius: .375rem;
-  color: var(--xm-c-pre);
+  color: var(--xm-c-deep);
   font-size: .875rem;
   line-height: 1.75;
   code {
@@ -33,11 +33,10 @@ pre {
       content: none;
     }
   }
-}
-
-.shiki {
-  margin: .5rem 0;
-  font-size: 1.05rem;
-  font-family: var(--xm-font-code) !important;
-  line-height: 1.4;
+  &:has(code) {
+    margin: .5rem 0;
+    font-size: 1.05rem;
+    font-family: var(--xm-font-code);
+    line-height: 1.4;
+  }
 }

src/partials/figure.scss

@@ -3,7 +3,7 @@ figure {
   margin-bottom: 2rem;
   figcaption {
     margin-top: .875rem;
-    color: var(--xm-c-figcaption);
+    color: var(--xm-c-shallow);
     font-size: .875rem;
     line-height: 1.45;
   }

src/partials/link.scss

@@ -1,13 +1,19 @@
 a {
-  border-bottom: 1px solid var(--xm-c-a-border);
+  border-bottom: 1px solid var(--xm-c-border);
   color: var(--xm-c-deeper);
   font-weight: 500;
   text-decoration: none;
   transition: border .3s ease-in-out;
   code {
-    color: var(--xm-c-code);
+    color: var(--xm-c-deep);
   }
   &:hover {
     border-bottom: 1px solid var(--xm-c-regular);
   }
+  &:not([href]) {
+    border-bottom: none;
+    color: inherit;
+    font-weight: normal;
+    transition: none;
+  }
 }

src/partials/list.scss

@@ -14,7 +14,7 @@ ol {
       content: counter(list-item, decimal) '.';
       position: absolute;
       left: 0;
-      color: var(--xm-c-ol-counter);
+      color: var(--xm-c-shallow);
       font-weight: 400;
     }
   }
@@ -35,7 +35,7 @@ ul {
       width: .375rem;
       height: .375rem;
       border-radius: 50%;
-      background-color: var(--xm-c-ul-counter);
+      background-color: var(--xm-c-shallower);
     }
   }
 }

src/partials/media.scss

@@ -1,6 +1,17 @@
-img,
-video {
-  width: 100%;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+img {
+  display: block;
+  max-width: 92%;
+  margin: 1rem auto;
+  border-radius: .2rem;
+}
+
+video {
+  margin: auto;
+}
+
+iframe {
+  display: flex;
+  width: 92%;
+  margin: auto;
+  border-radius: .2rem;
 }

src/partials/quote.scss

@@ -3,13 +3,13 @@ q {
   margin-top: 1.65rem;
   margin-bottom: 1.65rem;
   padding: .6rem 1.2rem;
-  border-left: .25rem solid var(--xm-c-quote-border);
+  border-left: .25rem solid var(--xm-c-border);
   color: inherit;
   font-weight: 500;
   font-style: italic;
   line-height: 1.5rem;
   quotes: '\201C''\201D''\2018''\2019';
-  opacity: .8;
+  opacity: .75;
   p {
     &:first-of-type::before {
       content: open-quote;

src/partials/table.scss

@@ -1,46 +1,19 @@
 table {
+  overflow: auto;
   width: 100%;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-  table-layout: auto;
-  font-size: .875rem;
-  line-height: 1.75;
-  text-align: left;
-}
-
-thead {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--xm-c-thead-border);
-  color: var(--xm-c-thead);
-  font-weight: 600;
-  th {
-    vertical-align: bottom;
-    padding-left: auto .575rem .575rem;
-    &:first-child {
-      padding-left: 0;
-    }
-    &:last-child {
-      padding-right: 0;
-    }
-  }
-}
-
-tbody {
-  tr {
-    border-bottom-width: 1px;
-    border-bottom-color: var(--xm-c-tr-border);
-    &:last-child {
-      border-bottom-width: 0;
-    }
-  }
+  border-spacing: 0;
+  border-collapse: collapse;
+  th,
   td {
-    vertical-align: top;
-    padding: .575rem;
-    &:first-child {
-      padding-left: 0;
-    }
-    &:last-child {
-      padding-right: 0;
+    padding: 6px 13px;
+    border: 1.5px solid var(--xm-c-border-table);
+  }
+  thead th {
+    font-weight: 700;
+  }
+  tbody tr {
+    &:hover {
+      background-color: var(--xm-c-shallowest);
     }
   }
 }

src/partials/title.scss

@@ -71,11 +71,12 @@ hr {
 
 .header-anchor {
   float: left;
-  margin-top: .125rem;
+  margin-top: 0;
   margin-left: -1.25rem;
   padding-right: .5rem;
   border: 0 !important;
-  font-size: .875rem;
+  font-weight: 600;
+  font-size: inherit;
   text-decoration: none;
   opacity: 0;
   &:hover,

src/variables/_colors.scss

@@ -1,14 +0,0 @@
-// Colors
-$pre: #e5e7eb;
-$code: #111827;
-$figcaption: #6b7280;
-$thead: #111827;
-$ol-counter: #6b7280;
-$ul-counter: #d1d5db;
-
-// Border
-$a-border: hsla(0deg 0% 50% / .3);
-$hr-border: hsla(0deg 0% 50% / .3);
-$quote-border: hsla(0deg 0% 50% / .3);
-$thead-border: #d1d5db;
-$tr-border: #e5e7eb;

src/variables/modes/_dark.scss

@@ -1,3 +1,10 @@
+// Dark mode
+
+$shallowest: #212121;
+$shallower: #555;
+$shallow: #777;
 $regular: #bbb;
 $deep: #ddd;
 $deeper: #fff;
+$border: hsla(0deg 0% 75% / .35);
+$border-table: hsla(0deg 0% 40% / .75);

src/variables/modes/_light.scss

@@ -1,3 +1,10 @@
+// Light mode
+
+$shallowest: #f8f8f8;
+$shallower: #ddd;
+$shallow: #bbb;
 $regular: #555;
 $deep: #222;
 $deeper: #000;
+$border: hsla(0deg 0% 50% / .35);
+$border-table: hsla(0deg 0% 50% / .5);