@riebeckite/theme-sakura 0.0.18 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/theme-sakura",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/src/index.js",
@@ -16,7 +16,7 @@
     "./styles/theme.css": "./styles/theme.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.18"
+    "@riebeckite/core": "0.0.19"
   },
   "publishConfig": {
     "access": "public"

package/styles/theme.css

@@ -225,7 +225,7 @@
 
 /* Headings: serif, 600, distinguished by size and weight. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   :is(h2, h3, h4) {
   color: var(--rb-color-ink);
   font-family: var(--rb-font-heading);
@@ -235,19 +235,19 @@
   text-wrap: balance;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body h2 {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content h2 {
   position: relative;
   margin-block: 2.75rem 1.1rem;
   padding-bottom: 0.65rem;
   font-size: 1.6rem;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body h3 {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content h3 {
   margin-block: 2.1rem 0.8rem;
   font-size: 1.3rem;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body h4 {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content h4 {
   margin-block: 1.6rem 0.6rem;
   font-size: 1.1rem;
   letter-spacing: 0.01em;
@@ -255,7 +255,7 @@
 
 /* Blossom rule under h2; removed when `heading="plain"`. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   h2::after {
   content: "";
   position: absolute;
@@ -271,7 +271,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="sakura"][data-sakura-heading="plain"]
-  .rb-article-body
+  .rb-article-content
   h2 {
   padding-bottom: 0;
 }
@@ -280,31 +280,31 @@
     :root,
     .rb-theme-root
   )[data-theme-name="sakura"][data-sakura-heading="plain"]
-  .rb-article-body
+  .rb-article-content
   h2::after {
   content: none;
 }
 
 /* Paragraphs. */
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body p {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content p {
   margin-block: 1.4rem;
   text-wrap: pretty;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   > :first-child {
   margin-block-start: 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   > :last-child {
   margin-block-end: 0;
 }
 
 /* Links: accent tone with an offset underline; hover thickens it. */
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body a {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content a {
   color: color-mix(in srgb, var(--rb-color-accent) 55%, var(--rb-color-ink));
   text-decoration: underline;
   text-decoration-thickness: 1px;
@@ -320,7 +320,9 @@
     text-decoration-thickness 140ms ease;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body a:hover {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"]
+  .rb-article-content
+  a:hover {
   color: color-mix(in srgb, var(--rb-color-accent) 42%, var(--rb-color-ink));
   text-decoration-thickness: 2px;
   text-decoration-color: currentColor;
@@ -328,18 +330,18 @@
 
 /* Lists: quiet spacing with blossom-tinted markers. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   :is(ul, ol) {
   margin-block: 1.4rem;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body li {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content li {
   margin-block: 0.35rem;
   padding-inline-start: 0.15em;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   :is(ul, ol)
   > li::marker {
   color: color-mix(in srgb, var(--rb-color-accent) 72%, var(--rb-color-ink));
@@ -347,7 +349,7 @@
 
 /* Blockquote: rounded plum-tinted surface with an accent left rule. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote {
   margin: 2rem 0;
   padding: 1.1rem 1.35rem;
@@ -365,39 +367,39 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p {
   margin-block: 0.6rem;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   > :first-child {
   margin-block-start: 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   > :last-child {
   margin-block-end: 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p::before,
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p::after {
   content: none;
 }
 
 /* hr: a short centered accent rule. */
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body hr {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content hr {
   width: 4rem;
   height: 2px;
   margin-block: 3rem;
@@ -409,7 +411,7 @@
 
 /* Code. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   :not(pre)
   > code {
   padding: 0.18em 0.42em;
@@ -421,7 +423,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)) {
   margin: 1.75rem 0 0;
   padding: 1.05rem 1.2rem;
@@ -434,7 +436,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)):has(+ :is(h1, h2)) {
   margin-bottom: 1.75rem;
 }
@@ -457,7 +459,7 @@
 
 /* Tables: hairline rules and a tinted header row. */
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   table:not(:where(.rr-diff-history *)) {
   margin-block: 1.75rem;
   border: 1px solid var(--rb-color-border);
@@ -468,7 +470,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   :is(th, td) {
   padding: 0.6rem 0.85rem;
   border-bottom: 1px solid var(--rb-color-border);
@@ -476,7 +478,10 @@
   vertical-align: top;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body thead th {
+:is(:root, .rb-theme-root)[data-theme-name="sakura"]
+  .rb-article-content
+  thead
+  th {
   background: color-mix(
     in srgb,
     var(--rb-color-accent) 9%,
@@ -487,7 +492,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   tbody
   tr:last-child
   td {
@@ -495,10 +500,13 @@
 }
 
 /* Images: the only elements that get a real soft shadow. */
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body > img,
-:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-body p > img,
+:is(:root, .rb-theme-root)[data-theme-name="sakura"] .rb-article-content > img,
+:is(:root, .rb-theme-root)[data-theme-name="sakura"]
+  .rb-article-content
+  p
+  > img,
 :is(:root, .rb-theme-root)[data-theme-name="sakura"]
-  .rb-article-body
+  .rb-article-content
   figure
   img {
   border: 1px solid var(--rb-color-border);