chore: release v0.1.3

fix(figure): use correct color for figcaption
style(comments): add comments to describe light/dark modes
2024-11-25 06:18:19 +00:00 · 2023-03-07 22:29:52 +08:00 · 2023-03-07 22:28:53 +08:00 · 2023-03-07 22:26:09 +08:00 · 2023-03-07 22:25:07 +08:00 · 2023-03-07 22:22:48 +08:00
13 changed files with 62 additions and 91 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,17 +1,16 @@
 {
  "name": "x-markdown-css",
-  "version": "0.1.1",
+  "version": "0.1.3",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "x-markdown-css",
-      "version": "0.1.0",
+      "version": "0.1.1",
      "license": "MIT",
      "dependencies": {
        "coffeescript": "^2.7.0",
-        "sass": "^1.58.3",
-        "x-markdown-css": "^0.1.0"
+        "sass": "^1.58.3"
      },
      "devDependencies": {
        "@kuohuanhuan/stylelint-config": "^0.0.4",
@ -5198,18 +5197,6 @@
        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
      }
    },
-    "node_modules/x-markdown-css": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/x-markdown-css/-/x-markdown-css-0.1.0.tgz",
-      "integrity": "sha512-K+MdhXLXDIZA6yK4Kj2V1vq+JUFOP22lp1Vv1230/eU9gerE85FzK+wkttzeZN43+Bg6bAxaIEogLk+05WC0uA==",
-      "dependencies": {
-        "coffeescript": "^2.7.0",
-        "sass": "^1.58.3"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
    "node_modules/yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "x-markdown-css",
-  "version": "0.1.1",
+  "version": "0.1.3",
  "description": "A simple and customizable markdown CSS stylesheet for everyone.",
  "keywords": [
    "markdown",
@ -44,8 +44,7 @@
  },
  "dependencies": {
    "coffeescript": "^2.7.0",
-    "sass": "^1.58.3",
-    "x-markdown-css": "^0.1.0"
+    "sass": "^1.58.3"
  },
  "devDependencies": {
    "@kuohuanhuan/stylelint-config": "^0.0.4",
--- a/src/_vars.scss
+++ b/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 {
--- a/src/partials/code.scss
+++ b/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 {
--- a/src/partials/figure.scss
+++ b/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;
  }
--- a/src/partials/link.scss
+++ b/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;
+  }
 }
--- a/src/partials/list.scss
+++ b/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);
    }
  }
 }
--- a/src/partials/media.scss
+++ b/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;
 }
--- a/src/partials/quote.scss
+++ b/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;
--- a/src/partials/table.scss
+++ b/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-rev);
+  }
+  thead th {
+    font-weight: 700;
+  }
+  tbody tr {
+    &:hover {
+      background-color: var(--xm-c-shallowest);
    }
  }
 }
--- a/src/variables/_colors.scss
+++ b/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;
--- a/src/variables/modes/_dark.scss
+++ b/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-rev: hsla(0deg 0% 40% / .75);
--- a/src/variables/modes/_light.scss
+++ b/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-rev: hsla(0deg 0% 50% / .5);
Author	SHA1	Message	Date
郭桓桓	b44d47b14f	chore: release v0.1.3	2023-03-07 22:29:52 +08:00
郭桓桓	5fcbb64413	fix(figure): use correct color for `figcaption`	2023-03-07 22:28:53 +08:00
郭桓桓	0af430670a	style(comments): add comments to describe light/dark modes	2023-03-07 22:26:09 +08:00
郭桓桓	47e16ecde7	fix(colors): solve deprecated grammars	2023-03-07 22:25:07 +08:00
郭桓桓	bf04be0379	feat(quote): apply `opacity: .75;` instead of `.8` on quotes	2023-03-07 22:22:48 +08:00
郭桓桓	b43013e33e	feat(table): use more flexible selector for `thead` and `tbody`	2023-03-07 22:18:31 +08:00
郭桓桓	0f50a7c98d	fix(media): remove hardcoded pixel `height` and `width`	2023-03-07 22:09:11 +08:00
郭桓桓	f4d95387c3	style: run Stylelint to fix lint problems	2023-03-07 22:07:28 +08:00
郭桓桓	42967ea775	feat(link): improve user experience with links	2023-03-07 22:04:15 +08:00
郭桓桓	b4d1423d37	feat(colors): update default color palette	2023-03-07 21:59:39 +08:00
郭桓桓	008564db1b	chore: release v0.1.2	2023-03-07 21:18:34 +08:00
郭桓桓	21de988cb9	feat(colors)!: rewrite color variables logic	2023-03-07 21:18:13 +08:00
郭桓桓	5568aa278f	chore: release v0.1.1-patch	2023-03-07 20:17:04 +08:00
郭桓桓	919ebfaf39	chore(package)!: fix incorrect dependency	2023-03-07 20:16:20 +08:00