@riebeckite/theme-rerurate 0.0.18 → 0.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/theme-rerurate",
-  "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

@@ -160,7 +160,7 @@
       :root,
       .rb-theme-root
     )[data-theme-name="rerurate"][data-rerurate-initial="on"]
-    .rb-article-body
+    .rb-article-content
     p:first-of-type::first-letter {
     float: left;
     margin: 0.02em 0.12em 0 0;
@@ -233,7 +233,7 @@
 }
 
 /* ---- Body rhythm: readable body, kept off the display treatment. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content {
   font-family: var(--rb-font-body);
   line-height: 1.75;
 }
@@ -242,22 +242,22 @@
   border-bottom: 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body p {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content p {
   margin: 1.1em 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(ul, ol) {
   margin: 1.1em 0;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body li {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content li {
   margin: 0.35em 0;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   li::marker {
   color: var(--rb-color-accent);
 }
@@ -334,7 +334,7 @@
 }
 
 /* ---- Headings: hierarchy from size, weight and whitespace. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h2 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h2 {
   margin: 2.75rem 0 0.9rem;
   padding-top: calc(3px + 0.6rem);
   font-family: var(--rb-font-heading);
@@ -350,7 +350,7 @@
   background-size: 2.75rem 3px;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h3 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h3 {
   margin: 2rem 0 0.6rem;
   font-family: var(--rb-font-heading);
   font-size: 1.05rem;
@@ -358,7 +358,7 @@
   line-height: 1.3;
 }
 
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body h4 {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content h4 {
   margin: 1.5rem 0 0.5rem;
   font-family: var(--rb-font-heading);
   font-size: 0.9rem;
@@ -367,7 +367,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(h5, h6) {
   margin: 1.25rem 0 0.4rem;
   font-size: 0.85rem;
@@ -385,10 +385,10 @@
   )
   :is(
     .rb-article-header h1,
-    .rb-article-body h2,
-    .rb-article-body h3,
-    .rb-article-body h4,
-    .rb-article-body h5
+    .rb-article-content h2,
+    .rb-article-content h3,
+    .rb-article-content h4,
+    .rb-article-content h5
   )::before {
   display: inline;
   margin-right: 0.4em;
@@ -408,7 +408,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h2::before {
   content: "##";
 }
@@ -416,7 +416,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h3::before {
   content: "###";
 }
@@ -424,7 +424,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h4::before {
   content: "####";
 }
@@ -432,7 +432,7 @@
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not(
     [data-rerurate-heading-marks="off"]
   )
-  .rb-article-body
+  .rb-article-content
   h5::before {
   content: "#####";
 }
@@ -451,7 +451,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h2 {
   font-size: 1.35rem;
 }
@@ -460,7 +460,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h3 {
   font-size: 1.1rem;
 }
@@ -469,7 +469,7 @@
     :root,
     .rb-theme-root
   )[data-theme-name="rerurate"][data-rerurate-headings="large"]
-  .rb-article-body
+  .rb-article-content
   h4 {
   font-size: 0.95rem;
 }
@@ -477,7 +477,7 @@
 /* ---- Links: Ink -> Orange, with the rule (underline) expanding. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   :is(
-    .rb-article-body,
+    .rb-article-content,
     .rb-article-footer,
     .rb-article-meta,
     .rr-table-of-contents,
@@ -502,7 +502,7 @@
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
   :is(
-    .rb-article-body,
+    .rb-article-content,
     .rb-article-footer,
     .rb-article-meta,
     .rr-table-of-contents,
@@ -517,7 +517,7 @@
 
 /* ---- Blockquote: flat, marked by Orange quote chevrons. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote {
   position: relative;
   margin: 1.75rem 0 0;
@@ -529,7 +529,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote::before {
   content: "";
   position: absolute;
@@ -544,18 +544,18 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p:first-of-type::before,
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   blockquote
   p:last-of-type::after {
   content: none;
 }
 
 /* ---- Rules: 1px Ink, Paper-safe, stopping at the text edge. ---- */
-:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-body hr {
+:is(:root, .rb-theme-root)[data-theme-name="rerurate"] .rb-article-content hr {
   width: 100%;
   height: 1px;
   margin: 3rem 0;
@@ -565,7 +565,7 @@
 
 /* ---- Inline code and bare pre (guarded against the code plugin). ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :not(pre)
   > code {
   padding: 0.15em 0.4em;
@@ -577,7 +577,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)) {
   margin: 1.75rem 0 0;
   padding: 0.85rem 1rem;
@@ -592,13 +592,13 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)):has(+ :is(h1, h2)) {
   margin-bottom: 1.75rem;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *))
   code {
   padding: 0;
@@ -609,14 +609,14 @@
 
 /* ---- Tables: hairline rules, no card chrome. ---- */
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   table:not(:where(.rr-diff-history *)) {
   margin: 1.75rem 0;
   font-size: 0.92em;
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   :is(th, td) {
   padding: 0.55rem 0.75rem;
   border-bottom: 1px solid var(--rb-color-border);
@@ -625,7 +625,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   thead
   th {
   border-bottom: 1px solid var(--rb-color-ink);
@@ -634,7 +634,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  .rb-article-body
+  .rb-article-content
   tbody
   tr:last-child
   :is(th, td) {
@@ -656,7 +656,12 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"]
-  :is(.rb-article-body img, .rb-article-body video, .rr-media, .rr-attachment) {
+  :is(
+    .rb-article-content img,
+    .rb-article-content video,
+    .rr-media,
+    .rr-attachment
+  ) {
   border-radius: 0;
 }
 
@@ -684,7 +689,7 @@
 }
 
 :is(:root, .rb-theme-root)[data-theme-name="rerurate"][data-theme="dark"]
-  .rb-article-body
+  .rb-article-content
   pre:not(:where(.rr-code *)) {
   background: var(--rb-color-code-background);
   color: var(--rb-color-ink);
@@ -698,7 +703,7 @@
 
 @media (prefers-color-scheme: dark) {
   :is(:root, .rb-theme-root)[data-theme-name="rerurate"]:not([data-theme])
-    .rb-article-body
+    .rb-article-content
     pre:not(:where(.rr-code *)) {
     background: var(--rb-color-code-background);
     color: var(--rb-color-ink);