Release v2.3.6

pilafmon · pilafmon · commit 523ef268b88a · 2025-04-20T20:43:56.000-07:00
diff --git a/dist/blogger-tweaks.min.css b/dist/blogger-tweaks.min.css
diff --git a/dist/layouts/block-duo.css b/dist/layouts/block-duo.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Block Duo layout -- Two big columns followed by a single footer
@@ -106,7 +106,7 @@ main >section quotes-box >quote-list >blockquote cite {
    padding-top: 8px;
    }
 main >section quotes-box >quote-list >blockquote cite::before {
-   content: "\2014";  /* mdash */
+   content: "\2014";  /* character: — (em dash) */
    padding-right: 0.5em;
    }
 
diff --git a/dist/layouts/color-blocks.css b/dist/layouts/color-blocks.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Color Blocks layout -- Two columns of colorful blocks
diff --git a/dist/layouts/color-slide.css b/dist/layouts/color-slide.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Color Slide layout -- Top to botttom color transition
diff --git a/dist/layouts/letterbox.css b/dist/layouts/letterbox.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Letterbox layout -- Edge-to-edge semi-opaque bar over cover background image
@@ -73,6 +73,9 @@ main >section+section {
    padding: 40px;
    margin: 0px auto 30px auto;
    }
+main >section >div >p >a {
+   white-space: normal;
+   }
 main >section >figure {
    margin-bottom: 30px;
    }
diff --git a/dist/layouts/modern.css b/dist/layouts/modern.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Modern layout -- Clean blog post page
diff --git a/dist/layouts/neon.css b/dist/layouts/neon.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Neon layout -- For hackers and space junkies
@@ -151,7 +151,7 @@ main >section blockquote >cite {
    letter-spacing: 0.1em;
    }
 main >section blockquote >cite::before {
-   content: "\2014";  /* mdash */
+   content: "\2014";  /* character: — (em dash) */
    padding-right: 0.4em;
    }
 
diff --git a/dist/layouts/neon.min.js b/dist/layouts/neon.min.js
@@ -1,2 +1,2 @@
-//! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 const numNeonImages=8;const randomImage=Date.now()%numNeonImages+1;globalThis.document.body.classList.add("neon-image-"+String(randomImage));
diff --git a/dist/layouts/vertical-bars.css b/dist/layouts/vertical-bars.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Vertical Bars layout -- traditional boring old-school webpage
diff --git a/dist/layouts/zebra-sections.css b/dist/layouts/zebra-sections.css
@@ -1,4 +1,4 @@
-/*! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
+/*! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License */
 
 /*
 Zebra Sections layout -- Edge-to-edge blocks with alternating background colors
diff --git a/dist/lib-x.d.ts b/dist/lib-x.d.ts
@@ -1,4 +1,4 @@
-//! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 export type GlobalKey = keyof typeof globalThis;
 export type Json = string | number | boolean | null | undefined | JsonObject | Json[];
diff --git a/dist/lib-x.dev.js b/dist/lib-x.dev.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     stateDepot: [],
@@ -904,7 +904,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.3.5',
+    version: '2.3.6',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,
diff --git a/dist/lib-x.js b/dist/lib-x.js
@@ -1,4 +1,4 @@
-//! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License
+//! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License
 
 const libXDom = {
     stateDepot: [],
@@ -904,7 +904,7 @@ const libXExtra = {
     },
 };
 const libX = {
-    version: '2.3.5',
+    version: '2.3.6',
     dom: libXDom,
     ui: libXUi,
     util: libXUtil,
diff --git a/dist/lib-x.min.js b/dist/lib-x.min.js
diff --git a/dist/reset.min.css b/dist/reset.min.css
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
    "name": "web-ignition",
    "description": "Start a fire",
-   "version": "2.3.5",
+   "version": "2.3.6",
    "license": "MIT",
    "type": "module",
    "module": "dist/lib-x.js",
diff --git a/src/css/layouts/block-duo.css b/src/css/layouts/block-duo.css
@@ -104,7 +104,7 @@ main >section quotes-box >quote-list >blockquote cite {
    padding-top: 8px;
    }
 main >section quotes-box >quote-list >blockquote cite::before {
-   content: "\2014";  /* mdash */
+   content: "\2014";  /* character: — (em dash) */
    padding-right: 0.5em;
    }
 
diff --git a/src/css/layouts/neon.css b/src/css/layouts/neon.css
@@ -149,7 +149,7 @@ main >section blockquote >cite {
    letter-spacing: 0.1em;
    }
 main >section blockquote >cite::before {
-   content: "\2014";  /* mdash */
+   content: "\2014";  /* character: — (em dash) */
    padding-right: 0.4em;
    }
 
diff --git a/src/css/reset-color-overrides.css b/src/css/reset-color-overrides.css
@@ -15,9 +15,9 @@ button { background-color: cornflowerblue; }
 button:hover:not(:disabled), button:focus { background-color: royalblue; }
 
 /* Summary Details Colors */
-details >summary::before { color: inherit; }                                      /* collapsed marker color */
+details >summary::before { color: inherit; }  /* collapsed marker color */
 details[open] >summary::before, details >summary:hover::before { color: black; }  /* expanded marker color */
-details:not(:has(details))::details-content { background-color: gainsboro; }      /* content box */
+details >summary+header, details:not(:has(details))::details-content { background-color: gainsboro; }  /* content box */
 
 /* Reveal Action Colors */
 .reveal-button { color: darkseagreen; }
diff --git a/src/css/reset/summary-details.less b/src/css/reset/summary-details.less
@@ -1,8 +1,19 @@
 // Summary Details
 
+// <details open>
+//    <summary>Item 1</summary>
+//    <header>Text content above nested details.</header>
+//    <details>
+//       <summary>Subitem 1.1</summary>
+//       <p>Here are some Subitem 1.1 details.</p>
+//       <p>Here are more Subitem 1.1 details.</p>
+//    </details>
+// </details>
+
 @import "static/utility-box";
 
 details {
+   text-align: left;
    margin-bottom: 10px;
    }
 details >summary {
@@ -22,9 +33,9 @@ details >summary::before {  //custom marker
    position: absolute;
    top: -0.1em;
    left: 0.1em;
-   content: "\276F";  //heavy right-pointing angle character: ❯
+   content: @symbolAngleRight;  //character: ❯
    transform: rotate(0deg);
-   transition: color 800ms, transform 800ms;
+   transition: color 800ms, transform 400ms;
    }
 details[open] >summary::before {
    transform: rotate(90deg);
@@ -42,17 +53,20 @@ details::details-content {                           //all content
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
-   transition: max-height 800ms, opacity 800ms;
+   transition: max-height 800ms, opacity 400ms;
+   //future --> content-visibility 800ms; transition-behavior: allow-discrete;
    }
 details[open]::details-content {                     //visible content
-   max-height: 70vh;
+   max-height: 200vh;  //future --> height: calc-size(auto, size);
    overflow: scroll;
    opacity: 1;
    }
-details:not(:has(details))::details-content {        //all readable (leaf node) content
+details >summary+header,                             //all text content
+details:not(:has(details))::details-content {
    border-radius: 10px;
    }
-details[open]:not(:has(details))::details-content {  //visible readable (leaf node) content
+details[open] >summary+header,                       //visible text content
+details[open]:not(:has(details))::details-content {
    padding: 20px 30px;
    margin: 10px 0px 20px 0px;
    }
diff --git a/src/css/spec-css.html b/src/css/spec-css.html
@@ -183,6 +183,7 @@ <h2>Summaries and Details</h2>
       <div>
          <details open>
             <summary>A. Item A</summary>
+            <header>This is an overview of subitems listed below.</header>
             <details>
                <summary>1. Subitem 1</summary>
                <p>This are some details on Subitem 1.</p>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License /`
	`1`	`+/! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License /`
`2`	`2`
`3`	`3`	`/*`
`4`	`4`	`Block Duo layout -- Two big columns followed by a single footer`
`@@ -106,7 +106,7 @@ main >section quotes-box >quote-list >blockquote cite {`
`106`	`106`	`padding-top: 8px;`
`107`	`107`	`}`
`108`	`108`	`main >section quotes-box >quote-list >blockquote cite::before {`
`109`		`- content: "\2014"; /* mdash */`
	`109`	`+ content: "\2014"; /* character: — (em dash) */`
`110`	`110`	`padding-right: 0.5em;`
`111`	`111`	`}`
`112`	`112`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-//! web-ignition v2.3.5 ~~ https://github.com/center-key/web-ignition ~~ MIT License`
	`1`	`+//! web-ignition v2.3.6 ~~ https://github.com/center-key/web-ignition ~~ MIT License`
`2`	`2`	`const numNeonImages=8;const randomImage=Date.now()%numNeonImages+1;globalThis.document.body.classList.add("neon-image-"+String(randomImage));`