@refrakt-md/skeleton 0.32.0 → 0.34.0

package/styles/runes/nav.css

@@ -4,8 +4,12 @@
  * reflows. Type, colour, spacing, borders, radii, the dropdown chrome, and the
  * chevron glyph stay skin (Lumina's styles/runes/nav.css). */
 
-.rf-nav ul { list-style: none; }
-.rf-nav-item__link { display: block; }
+.rf-nav ul {
+	list-style: none;
+}
+.rf-nav-item__link {
+	display: block;
+}
 
 /* Inline-badge items sit on one row. */
 .rf-nav-item:has(> .rf-badge[data-name="badge"]) {
@@ -26,7 +30,7 @@
 }
 .rf-nav--collapsible .rf-nav-group h2::after,
 .rf-nav--collapsible .rf-nav-group h3::after {
-	content: '';
+	content: "";
 	width: 0.5rem;
 	height: 0.5rem;
 	transform: rotate(45deg);
@@ -81,7 +85,9 @@
 	pointer-events: auto;
 	transform: translateY(0);
 }
-.rf-nav--menubar .rf-nav-group__panel ul { list-style: none; }
+.rf-nav--menubar .rf-nav-group__panel ul {
+	list-style: none;
+}
 .rf-nav--menubar .rf-nav-group__panel > ul > li > .rf-nav-item__link {
 	display: block;
 	width: 100%;

package/styles/runes/plan-history.css

@@ -3,22 +3,30 @@
  * change/entity-summary flex, the criteria list reset, the commit-message block,
  * and the mobile change wrap. Connector borders, marker chrome, badges, and type
  * are skin. */
-.rf-plan-history__events { list-style: none; }
-.rf-plan-history__event { position: relative; }
+.rf-plan-history__events {
+	list-style: none;
+}
+.rf-plan-history__event {
+	position: relative;
+}
 .rf-plan-history__event::before {
-	content: '';
+	content: "";
 	position: absolute;
 	left: -0.4375rem;
 	top: 0.25rem;
 	width: 0.75rem;
 	height: 0.75rem;
 }
-.rf-plan-history__date { display: inline; }
+.rf-plan-history__date {
+	display: inline;
+}
 .rf-plan-history__change {
 	display: flex;
 	align-items: center;
 }
-.rf-plan-history__criteria { list-style: none; }
+.rf-plan-history__criteria {
+	list-style: none;
+}
 .rf-plan-history--global .rf-plan-history__commit-message {
 	display: block;
 }

package/styles/runes/plot.css

@@ -2,12 +2,21 @@
  * beat positioning + dot box placement (incl. the linear connector dot offset and
  * the linear label block). Dot colours, connector borders, type, and spacing are
  * skin. */
-.rf-plot { display: flex; flex-direction: column; }
-.rf-plot > span[property="name"] { display: block; }
-.rf-plot ol { list-style: none; }
-.rf-beat { position: relative; }
+.rf-plot {
+	display: flex;
+	flex-direction: column;
+}
+.rf-plot > span[property="name"] {
+	display: block;
+}
+.rf-plot ol {
+	list-style: none;
+}
+.rf-beat {
+	position: relative;
+}
 .rf-beat::before {
-	content: '';
+	content: "";
 	position: absolute;
 	left: 0.375rem;
 	top: 1rem;

package/styles/runes/preview.css

@@ -22,8 +22,12 @@
 .rf-preview__controls[hidden] {
 	display: none;
 }
-.rf-preview__view-toggle { display: flex; }
-.rf-preview__toggle { display: flex; }
+.rf-preview__view-toggle {
+	display: flex;
+}
+.rf-preview__toggle {
+	display: flex;
+}
 .rf-preview__toggle-btn {
 	display: flex;
 	align-items: center;
@@ -31,11 +35,17 @@
 	width: 1.625rem;
 	height: 1.625rem;
 }
-.rf-preview__canvas { overflow: hidden; }
+.rf-preview__canvas {
+	overflow: hidden;
+}
 /* Clip the source panel to its rounded corners (matching the canvas) — otherwise
  * the code block's square fill bleeds past the rounded border at the bottom. */
-.rf-preview__source { overflow: hidden; }
-.rf-preview__viewport-toggle { display: flex; }
+.rf-preview__source {
+	overflow: hidden;
+}
+.rf-preview__viewport-toggle {
+	display: flex;
+}
 .rf-preview__viewport-frame {
 	position: relative;
 	overflow: hidden;
@@ -58,7 +68,9 @@
 	pointer-events: none;
 	z-index: 1;
 }
-.rf-preview__source-tabs { display: flex; }
+.rf-preview__source-tabs {
+	display: flex;
+}
 /* The in-feature breakout (`.rf-preview--in-feature { margin-inline: -gutter }`)
  * is NOT here: it overrides the skin rule `.rf-preview { margin: 2rem 0 }` by
  * specificity, so it must stay in @layer skin — in @layer skeleton it loses to

package/styles/runes/pricing.css

@@ -15,7 +15,7 @@
 	position: relative;
 }
 .rf-pricing__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }
@@ -32,8 +32,12 @@
 	flex-direction: column;
 }
 
-.rf-tier__body { flex: 1; }
-.rf-tier__body ul { list-style: none; }
+.rf-tier__body {
+	flex: 1;
+}
+.rf-tier__body ul {
+	list-style: none;
+}
 .rf-tier__body a {
 	display: block;
 	margin-top: auto;

package/styles/runes/pullquote.css

@@ -2,7 +2,9 @@
  * positioning + the per-variant glyph hides + centred glyph re-centre, the
  * centre/right auto-margins, and the float modes (+ responsive). The quote glyph,
  * type, borders, backgrounds, and the inner-blockquote reset are skin. */
-.rf-pullquote { position: relative; }
+.rf-pullquote {
+	position: relative;
+}
 .rf-pullquote::before {
 	position: absolute;
 	top: -0.25rem;
@@ -16,11 +18,15 @@
 	left: 50%;
 	transform: translateX(-50%);
 }
-.rf-pullquote--left::before { display: none; }
+.rf-pullquote--left::before {
+	display: none;
+}
 .rf-pullquote--right {
 	margin-left: auto;
 }
-.rf-pullquote--right::before { display: none; }
+.rf-pullquote--right::before {
+	display: none;
+}
 .rf-pullquote[data-align="left"] {
 	float: left;
 	width: 40%;
@@ -29,7 +35,9 @@
 	float: right;
 	width: 40%;
 }
-.rf-pullquote--editorial::before { display: none; }
+.rf-pullquote--editorial::before {
+	display: none;
+}
 @media (max-width: 768px) {
 	.rf-pullquote[data-align="left"],
 	.rf-pullquote[data-align="right"] {

package/styles/runes/relationships.css

@@ -6,29 +6,29 @@
 	display: flex;
 	flex-direction: column;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__items {
+.rf-relationships[data-layout="grid"] .rf-relationships__items {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
 	align-items: stretch;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__item {
+.rf-relationships[data-layout="grid"] .rf-relationships__item {
 	display: flex;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__item > * {
+.rf-relationships[data-layout="grid"] .rf-relationships__item > * {
 	flex: 1;
 	min-width: 0;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__items:has(.rf-relationships__group),
-.rf-relationships[data-layout='grid'] .rf-relationships__items:has(.rf-accordion) {
+.rf-relationships[data-layout="grid"] .rf-relationships__items:has(.rf-relationships__group),
+.rf-relationships[data-layout="grid"] .rf-relationships__items:has(.rf-accordion) {
 	display: flex;
 	flex-direction: column;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__group {
+.rf-relationships[data-layout="grid"] .rf-relationships__group {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
 	align-items: stretch;
 }
-.rf-relationships[data-layout='grid'] .rf-relationships__group-title {
+.rf-relationships[data-layout="grid"] .rf-relationships__group-title {
 	grid-column: 1 / -1;
 }
 .rf-relationships__group {

package/styles/runes/reveal.css

@@ -8,7 +8,7 @@
 	position: relative;
 }
 .rf-reveal__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }
@@ -21,7 +21,9 @@
 	overflow: hidden;
 }
 .rf-reveal-step__body > span[property],
-.rf-reveal-step__body > meta { display: none; }
+.rf-reveal-step__body > meta {
+	display: none;
+}
 .rf-reveal__next,
 .rf-reveal__reset {
 	display: inline-flex;

package/styles/runes/sandbox.css

@@ -2,7 +2,9 @@
  * layout (positioning, flex, sizing). Radii, surface, borders, type, and the play
  * glyph stay skin (Lumina's styles/runes/sandbox.css). */
 
-.rf-sandbox { overflow: hidden; }
+.rf-sandbox {
+	overflow: hidden;
+}
 /* `height="fill"` pins the iframe to 100% of its host (SPEC-101) — so the host
  * itself needs to claim 100% of its container's height for the iframe's 100%
  * to mean anything. Without this the iframe collapses to the 150px fallback
@@ -14,7 +16,9 @@
 	display: block;
 	width: 100%;
 }
-.rf-sandbox__untrusted-banner { display: block; }
+.rf-sandbox__untrusted-banner {
+	display: block;
+}
 .rf-sandbox__poster {
 	position: relative;
 	display: flex;

package/styles/runes/section.css

@@ -15,7 +15,7 @@
 	position: relative;
 }
 .rf-section__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }

package/styles/runes/showcase.css

@@ -1,8 +1,12 @@
 /* showcase — structure. The relative root + viewport (frame anchors), the breakout
  * overflow on a non-clipping host, and the bento-cell fill. The spacing/inset axes
  * (margins/padding values) and the mobile bleed reset are skin. */
-.rf-showcase { position: relative; }
-.rf-showcase__viewport { position: relative; }
+.rf-showcase {
+	position: relative;
+}
+.rf-showcase__viewport {
+	position: relative;
+}
 :has(> .rf-showcase[data-displace]:not(.rf-showcase--in-bento-cell)) {
 	overflow: visible;
 }

package/styles/runes/steps.css

@@ -3,7 +3,9 @@
  * resets, and the media-position flip. All spacing, type, surface, and the badge
  * chrome stay skin (Lumina's styles/runes/steps.css). */
 
-.rf-steps { counter-reset: step; }
+.rf-steps {
+	counter-reset: step;
+}
 
 .rf-steps__preamble {
 	flex-direction: column;
@@ -16,14 +18,18 @@
 	position: relative;
 }
 .rf-steps__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }
 
-.rf-steps ol { list-style: none; }
+.rf-steps ol {
+	list-style: none;
+}
 
-.rf-step__content { display: contents; }
+.rf-step__content {
+	display: contents;
+}
 
 .rf-step {
 	counter-increment: step;
@@ -51,11 +57,15 @@
 /* A leading bold opening the step body acts as its title (list-based steps),
  * so it blocks onto its own line. Scoped to the first inline `strong` of the
  * first paragraph — inline bold elsewhere in the body must stay inline. */
-.rf-step__content > p:first-child > strong:first-child {
+	.rf-step__content
+	> p:first-child
+	> strong:first-child {
 	display: block;
 }
 
-.rf-step__media { overflow: hidden; }
+.rf-step__media {
+	overflow: hidden;
+}
 
 /* BUG-001 — content-first DOM inverts the shared media-first stacked contract
  * (layouts/split.css): counter it so the labels are truthful. */

package/styles/runes/storyboard.css

@@ -5,18 +5,28 @@
 	display: grid;
 	grid-template-columns: repeat(var(--sb-columns, 3), 1fr);
 }
-.rf-storyboard--clean .rf-storyboard-panel { overflow: hidden; }
-.rf-storyboard--comic .rf-storyboard-panel { overflow: hidden; }
+.rf-storyboard--clean .rf-storyboard-panel {
+	overflow: hidden;
+}
+.rf-storyboard--comic .rf-storyboard-panel {
+	overflow: hidden;
+}
 .rf-storyboard-panel img {
 	width: 100%;
 	height: auto;
 	display: block;
 }
 .rf-storyboard-panel__body > span[property],
-.rf-storyboard-panel__body > meta { display: none; }
+.rf-storyboard-panel__body > meta {
+	display: none;
+}
 @media (max-width: 768px) {
-	.rf-storyboard__panels { grid-template-columns: repeat(2, 1fr) !important; }
+	.rf-storyboard__panels {
+		grid-template-columns: repeat(2, 1fr) !important;
+	}
 }
 @media (max-width: 480px) {
-	.rf-storyboard__panels { grid-template-columns: 1fr !important; }
+	.rf-storyboard__panels {
+		grid-template-columns: 1fr !important;
+	}
 }

package/styles/runes/symbol.css

@@ -3,6 +3,12 @@
  * (already skeleton); everything else here — bar padding, doc-prose spacing,
  * borders, type, the blockquote reset — is skin (Lumina's styles/runes/symbol.css). */
 
-.rf-symbol__body > div > ul { list-style: none; }
-.rf-symbol__body > div > ul > li > ul { list-style: none; }
-.rf-symbol-member ul { list-style: none; }
+.rf-symbol__body > div > ul {
+	list-style: none;
+}
+.rf-symbol__body > div > ul > li > ul {
+	list-style: none;
+}
+.rf-symbol-member ul {
+	list-style: none;
+}

package/styles/runes/tabs.css

@@ -9,7 +9,7 @@
 	position: relative;
 }
 .rf-tabs__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }

package/styles/runes/testimonial.css

@@ -4,8 +4,12 @@
  * styles/runes/testimonial.css) — the `blockquote::before { display:none }` reset
  * must stay skin to override elements/blockquote.css by source order. */
 
-.rf-testimonial__author-name { display: block; }
-.rf-testimonial__author-role { display: block; }
+.rf-testimonial__author-name {
+	display: block;
+}
+.rf-testimonial__author-role {
+	display: block;
+}
 .rf-testimonial :is(img, .rf-placeholder) {
 	width: 48px;
 	height: 48px;

package/styles/runes/textblock.css

@@ -4,9 +4,15 @@
 .rf-textblock__body {
 	display: block;
 }
-.rf-textblock[data-columns="2"] .rf-textblock__body { column-count: 2; }
-.rf-textblock[data-columns="3"] .rf-textblock__body { column-count: 3; }
-.rf-textblock[data-columns="4"] .rf-textblock__body { column-count: 4; }
+.rf-textblock[data-columns="2"] .rf-textblock__body {
+	column-count: 2;
+}
+.rf-textblock[data-columns="3"] .rf-textblock__body {
+	column-count: 3;
+}
+.rf-textblock[data-columns="4"] .rf-textblock__body {
+	column-count: 4;
+}
 @media (max-width: 768px) {
 	.rf-textblock[data-columns="3"] .rf-textblock__body,
 	.rf-textblock[data-columns="4"] .rf-textblock__body {

package/styles/runes/timeline.css

@@ -2,12 +2,20 @@
  * display, the marker box placement (vertical + horizontal), the horizontal flex
  * scroll, and the horizontal entry min-width. Connector borders, marker chrome,
  * type, and spacing are skin. */
-.rf-timeline ol { list-style: none; }
-.rf-timeline-entry { position: relative; }
-.rf-timeline-entry > time { display: block; }
-.rf-timeline-entry > span { display: block; }
+.rf-timeline ol {
+	list-style: none;
+}
+.rf-timeline-entry {
+	position: relative;
+}
+.rf-timeline-entry > time {
+	display: block;
+}
+.rf-timeline-entry > span {
+	display: block;
+}
 .rf-timeline--vertical .rf-timeline-entry::before {
-	content: '';
+	content: "";
 	position: absolute;
 	left: -0.4375rem;
 	top: 0.25rem;
@@ -22,7 +30,7 @@
 	min-width: 12rem;
 }
 .rf-timeline--horizontal .rf-timeline-entry::before {
-	content: '';
+	content: "";
 	position: absolute;
 	top: -0.4375rem;
 	left: 0.5rem;