chore: release v0.1.6

Bumps [postcss-preset-env](https://github.com/csstools/postcss-plugins/tree/HEAD/plugin-packs/postcss-preset-env) from 8.2.0 to 8.3.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.json

@@ -1,6 +1,6 @@
 {
   "name": "x-markdown-css",
-  "version": "0.1.2",
+  "version": "0.1.6",
   "description": "A simple and customizable markdown CSS stylesheet for everyone.",
   "keywords": [
     "markdown",
@@ -47,11 +47,11 @@
     "sass": "^1.58.3"
   },
   "devDependencies": {
-    "@kuohuanhuan/stylelint-config": "^0.0.4",
+    "@kuohuanhuan/stylelint-config": "^0.0.5",
     "@lodder/grunt-postcss": "^3.1.1",
     "autoprefixer": "^10.4.13",
     "bumpp": "^9.0.0",
-    "cssnano": "^5.1.15",
+    "cssnano": "^6.0.0",
     "grunt": "^1.6.1",
     "grunt-sass": "^3.1.0",
     "load-grunt-tasks": "^5.1.0",

src/partials/figure.scss

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

src/partials/link.scss

@@ -5,9 +5,15 @@ a {
   text-decoration: none;
   transition: border .3s ease-in-out;
   code {
-    color: inherit;
+    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/media.scss

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

src/partials/quote.scss

@@ -9,7 +9,7 @@ q {
   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,17 +1,17 @@
 table {
-  width: 100%;
   overflow: auto;
+  width: 100%;
   border-spacing: 0;
   border-collapse: collapse;
   th,
   td {
     padding: 6px 13px;
-    border: 1.5px solid var(--xm-c-border-rev);
+    border: 1.5px solid var(--xm-c-border-table);
   }
-  thead > tr > th {
+  thead th {
     font-weight: 700;
   }
-  tbody > tr {
+  tbody tr {
     &:hover {
       background-color: var(--xm-c-shallowest);
     }

src/variables/modes/_dark.scss

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

src/variables/modes/_light.scss

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