chore: release v0.1.4

feat(colors): rename $border-rev to $border-table
chore: release v0.1.3
2024-11-25 06:18:19 +00:00 · 2023-03-08 18:49:35 +08:00 · 2023-03-08 18:45:18 +08: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
9 changed files with 40 additions and 21 deletions
@@ -1,6 +1,6 @@
 {
  "name": "x-markdown-css",
-  "version": "0.1.2",
+  "version": "0.1.4",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
@@ -1,6 +1,6 @@
 {
  "name": "x-markdown-css",
-  "version": "0.1.2",
+  "version": "0.1.4",
  "description": "A simple and customizable markdown CSS stylesheet for everyone.",
  "keywords": [
    "markdown",
@@ -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;
  }
@@ -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;
+  }
 }
@@ -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;
 }
@@ -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;
@@ -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);
    }
@@ -1,9 +1,10 @@
+// Dark mode
+
 $shallowest: #212121;
 $shallower: #555;
 $shallow: #777;
 $regular: #bbb;
 $deep: #ddd;
 $deeper: #fff;
-
-$border: hsla(0deg 0 75% / .3);
-$border-rev: hsla(0deg 0 40% / .75);
+$border: hsla(0deg 0% 75% / .35);
+$border-table: hsla(0deg 0% 40% / .75);
@@ -1,9 +1,10 @@
-$shallowest: #f0f0f0;
+// Light mode
+
+$shallowest: #f8f8f8;
 $shallower: #ddd;
 $shallow: #bbb;
 $regular: #555;
 $deep: #222;
 $deeper: #000;
-
-$border: hsla(0deg 0 25% / .3);
-$border-rev: hsla(0deg 0 50% / .5);
+$border: hsla(0deg 0% 50% / .35);
+$border-table: hsla(0deg 0% 50% / .5);
Author	SHA1	Message	Date
kuohuanhuan	6b4fd5f2c5	chore: release v0.1.4	2023-03-08 18:49:35 +08:00
kuohuanhuan	c8bc7d3438	feat(colors): rename `$border-rev` to `$border-table`	2023-03-08 18:45:18 +08:00
kuohuanhuan	b44d47b14f	chore: release v0.1.3	2023-03-07 22:29:52 +08:00
kuohuanhuan	5fcbb64413	fix(figure): use correct color for `figcaption`	2023-03-07 22:28:53 +08:00
kuohuanhuan	0af430670a	style(comments): add comments to describe light/dark modes	2023-03-07 22:26:09 +08:00
kuohuanhuan	47e16ecde7	fix(colors): solve deprecated grammars	2023-03-07 22:25:07 +08:00
kuohuanhuan	bf04be0379	feat(quote): apply `opacity: .75;` instead of `.8` on quotes	2023-03-07 22:22:48 +08:00
kuohuanhuan	b43013e33e	feat(table): use more flexible selector for `thead` and `tbody`	2023-03-07 22:18:31 +08:00
kuohuanhuan	0f50a7c98d	fix(media): remove hardcoded pixel `height` and `width`	2023-03-07 22:09:11 +08:00
kuohuanhuan	f4d95387c3	style: run Stylelint to fix lint problems	2023-03-07 22:07:28 +08:00
kuohuanhuan	42967ea775	feat(link): improve user experience with links	2023-03-07 22:04:15 +08:00
kuohuanhuan	b4d1423d37	feat(colors): update default color palette	2023-03-07 21:59:39 +08:00