@refrakt-md/skeleton 0.33.0 → 0.34.0

package/styles/runes/compare.css

@@ -1,7 +1,9 @@
 /* compare — structure. The wrapper clip, the side-by-side grid / stacked flex
  * panels, the panel min-width + scroll, and the label block. Borders, header/label
  * chrome, and code resets are skin. */
-.rf-compare { overflow: hidden; }
+.rf-compare {
+	overflow: hidden;
+}
 .rf-compare--side-by-side .rf-compare__panels {
 	display: grid;
 	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

package/styles/runes/comparison.css

@@ -6,12 +6,18 @@
  * width/border-collapse stays skin too (it contends with the table element
  * override + global table by value-identical rules). */
 
-.rf-comparison__grid { display: contents; }
+.rf-comparison__grid {
+	display: contents;
+}
 .rf-comparison-column__body,
-.rf-comparison-row__body { display: contents; }
+.rf-comparison-row__body {
+	display: contents;
+}
 
 .rf-comparison > meta,
-.rf-comparison > span[property] { display: none; }
+.rf-comparison > span[property] {
+	display: none;
+}
 
 /* Table layout */
 .rf-comparison__table-wrapper {
@@ -23,10 +29,18 @@
 	top: 0;
 	z-index: 1;
 }
-.rf-comparison__recommended-badge { display: block; }
-.rf-comparison__label-col { width: 1%; }
-.rf-comparison__cell strong { display: none; }
-.rf-comparison__callout-badge { display: inline-block; }
+.rf-comparison__recommended-badge {
+	display: block;
+}
+.rf-comparison__label-col {
+	width: 1%;
+}
+.rf-comparison__cell strong {
+	display: none;
+}
+.rf-comparison__callout-badge {
+	display: inline-block;
+}
 
 /* Cards layout */
 .rf-comparison__cards {
@@ -34,21 +48,29 @@
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 	align-items: start;
 }
-.rf-comparison-card { position: relative; }
+.rf-comparison-card {
+	position: relative;
+}
 .rf-comparison-card__badge {
 	position: absolute;
 	top: -0.625rem;
 	left: 50%;
 	transform: translateX(-50%);
 }
-.rf-comparison-card__rows { list-style: none; }
+.rf-comparison-card__rows {
+	list-style: none;
+}
 .rf-comparison-card__row {
 	display: flex;
 	align-items: baseline;
 }
-.rf-comparison-card__row p { display: inline; }
+.rf-comparison-card__row p {
+	display: inline;
+}
 
 /* Responsive */
 @media (max-width: 640px) {
-	.rf-comparison__cards { grid-template-columns: 1fr; }
+	.rf-comparison__cards {
+		grid-template-columns: 1fr;
+	}
 }

package/styles/runes/conversation.css

@@ -24,6 +24,10 @@
 	align-items: flex-end;
 }
 .rf-conversation-message > span[data-field="speaker"],
-.rf-conversation-message > meta[data-field] { display: none; }
+.rf-conversation-message > meta[data-field] {
+	display: none;
+}
 .rf-conversation-message__body > span[data-field],
-.rf-conversation-message__body > meta { display: none; }
+.rf-conversation-message__body > meta {
+	display: none;
+}

package/styles/runes/cta.css

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

package/styles/runes/details.css

@@ -8,8 +8,13 @@
 	align-items: center;
 	list-style: none;
 }
-.rf-details__summary::-webkit-details-marker { display: none; }
-.rf-details__summary::marker { display: none; content: ''; }
+.rf-details__summary::-webkit-details-marker {
+	display: none;
+}
+.rf-details__summary::marker {
+	display: none;
+	content: "";
+}
 .rf-details__summary::after {
 	flex-shrink: 0;
 	margin-left: auto;

package/styles/runes/drawer.css

@@ -59,35 +59,19 @@ dialog.rf-drawer .rf-drawer__footer {
 
 /* Per-side inset positioning. */
 dialog.rf-drawer[data-side="right"] {
-	inset:
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter)
-		auto;
+	inset: var(--rf-drawer-gutter) var(--rf-drawer-gutter) var(--rf-drawer-gutter) auto;
 	height: auto;
 }
 dialog.rf-drawer[data-side="left"] {
-	inset:
-		var(--rf-drawer-gutter)
-		auto
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter);
+	inset: var(--rf-drawer-gutter) auto var(--rf-drawer-gutter) var(--rf-drawer-gutter);
 	height: auto;
 }
 dialog.rf-drawer[data-side="top"] {
-	inset:
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter)
-		auto
-		var(--rf-drawer-gutter);
+	inset: var(--rf-drawer-gutter) var(--rf-drawer-gutter) auto var(--rf-drawer-gutter);
 	width: auto;
 }
 dialog.rf-drawer[data-side="bottom"] {
-	inset:
-		auto
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter)
-		var(--rf-drawer-gutter);
+	inset: auto var(--rf-drawer-gutter) var(--rf-drawer-gutter) var(--rf-drawer-gutter);
 	width: auto;
 }
 

package/styles/runes/feature.css

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

package/styles/runes/figure.css

@@ -14,10 +14,25 @@
 	object-fit: cover;
 	margin: 0;
 }
-.rf-figure--small { max-width: 320px; }
-.rf-figure--medium { max-width: 640px; }
-.rf-figure--large { max-width: 960px; }
-.rf-figure--full { max-width: 100%; }
-.rf-figure--left { margin-right: auto; }
-.rf-figure--center { margin-left: auto; margin-right: auto; }
-.rf-figure--right { margin-left: auto; }
+.rf-figure--small {
+	max-width: 320px;
+}
+.rf-figure--medium {
+	max-width: 640px;
+}
+.rf-figure--large {
+	max-width: 960px;
+}
+.rf-figure--full {
+	max-width: 100%;
+}
+.rf-figure--left {
+	margin-right: auto;
+}
+.rf-figure--center {
+	margin-left: auto;
+	margin-right: auto;
+}
+.rf-figure--right {
+	margin-left: auto;
+}

package/styles/runes/file-ref.css

@@ -1,2 +1,4 @@
 /* file-ref — structure. The inline wrapper display; the link treatment is skin. */
-.rf-file-ref { display: inline; }
+.rf-file-ref {
+	display: inline;
+}

package/styles/runes/form.css

@@ -10,7 +10,9 @@
 	display: flex;
 	flex-direction: column;
 }
-.rf-form meta { display: none; }
+.rf-form meta {
+	display: none;
+}
 .rf-form__hp {
 	position: absolute;
 	left: -9999px;

package/styles/runes/gallery.css

@@ -3,7 +3,9 @@
  * The thin-edge/gap vars, radii, scrim, and nav/lightbox chrome stay skin
  * (Lumina's styles/runes/gallery.css). */
 
-.rf-gallery { position: relative; }
+.rf-gallery {
+	position: relative;
+}
 .rf-gallery__items {
 	display: grid;
 	grid-template-columns: repeat(var(--gallery-columns, 3), 1fr);

package/styles/runes/grid.css

@@ -9,24 +9,56 @@
 	align-items: var(--grid-valign, stretch);
 }
 /* Explicit column counts override auto-fit */
-.rf-grid [data-columns="1"] { grid-template-columns: 1fr; }
-.rf-grid [data-columns="2"] { grid-template-columns: repeat(2, 1fr); }
-.rf-grid [data-columns="3"] { grid-template-columns: repeat(3, 1fr); }
-.rf-grid [data-columns="4"] { grid-template-columns: repeat(4, 1fr); }
-.rf-grid [data-columns="5"] { grid-template-columns: repeat(5, 1fr); }
-.rf-grid [data-columns="6"] { grid-template-columns: repeat(6, 1fr); }
+.rf-grid [data-columns="1"] {
+	grid-template-columns: 1fr;
+}
+.rf-grid [data-columns="2"] {
+	grid-template-columns: repeat(2, 1fr);
+}
+.rf-grid [data-columns="3"] {
+	grid-template-columns: repeat(3, 1fr);
+}
+.rf-grid [data-columns="4"] {
+	grid-template-columns: repeat(4, 1fr);
+}
+.rf-grid [data-columns="5"] {
+	grid-template-columns: repeat(5, 1fr);
+}
+.rf-grid [data-columns="6"] {
+	grid-template-columns: repeat(6, 1fr);
+}
 /* Flow */
-.rf-grid [data-flow="column"] { grid-auto-flow: column; }
-.rf-grid [data-flow="dense"] { grid-auto-flow: dense; }
-.rf-grid [data-flow="row dense"] { grid-auto-flow: row dense; }
-.rf-grid [data-flow="column dense"] { grid-auto-flow: column dense; }
+.rf-grid [data-flow="column"] {
+	grid-auto-flow: column;
+}
+.rf-grid [data-flow="dense"] {
+	grid-auto-flow: dense;
+}
+.rf-grid [data-flow="row dense"] {
+	grid-auto-flow: row dense;
+}
+.rf-grid [data-flow="column dense"] {
+	grid-auto-flow: column dense;
+}
 /* Spans */
-.rf-grid [data-colspan="2"] { grid-column: span 2; }
-.rf-grid [data-colspan="3"] { grid-column: span 3; }
-.rf-grid [data-colspan="4"] { grid-column: span 4; }
-.rf-grid [data-rowspan="2"] { grid-row: span 2; }
-.rf-grid [data-rowspan="3"] { grid-row: span 3; }
-.rf-grid [data-rowspan="4"] { grid-row: span 4; }
+.rf-grid [data-colspan="2"] {
+	grid-column: span 2;
+}
+.rf-grid [data-colspan="3"] {
+	grid-column: span 3;
+}
+.rf-grid [data-colspan="4"] {
+	grid-column: span 4;
+}
+.rf-grid [data-rowspan="2"] {
+	grid-row: span 2;
+}
+.rf-grid [data-rowspan="3"] {
+	grid-row: span 3;
+}
+.rf-grid [data-rowspan="4"] {
+	grid-row: span 4;
+}
 /* Auto mode — responsive auto-fill */
 .rf-grid[data-mode="auto"] [data-layout="grid"] {
 	grid-template-columns: repeat(auto-fill, minmax(var(--grid-min, 250px), 1fr));
@@ -52,11 +84,17 @@
 }
 /* Collapse breakpoints */
 @media (max-width: 640px) {
-	.rf-grid[data-collapse="sm"] [data-layout="grid"] { grid-template-columns: 1fr; }
+	.rf-grid[data-collapse="sm"] [data-layout="grid"] {
+		grid-template-columns: 1fr;
+	}
 }
 @media (max-width: 768px) {
-	.rf-grid[data-collapse="md"] [data-layout="grid"] { grid-template-columns: 1fr; }
+	.rf-grid[data-collapse="md"] [data-layout="grid"] {
+		grid-template-columns: 1fr;
+	}
 }
 @media (max-width: 1024px) {
-	.rf-grid[data-collapse="lg"] [data-layout="grid"] { grid-template-columns: 1fr; }
+	.rf-grid[data-collapse="lg"] [data-layout="grid"] {
+		grid-template-columns: 1fr;
+	}
 }

package/styles/runes/hero.css

@@ -6,7 +6,9 @@
  * surface chrome, scrim, radii, and text-align stay skin (Lumina's
  * styles/runes/hero.css). */
 
-.rf-hero { position: relative; }
+.rf-hero {
+	position: relative;
+}
 
 /* The hero media zone's displaced-guest spill is now the shared bleed-host rule
  * (`[data-guest-fit="bleed"]` in layouts/split.css) — a hero declares
@@ -23,7 +25,7 @@
 	position: relative;
 }
 .rf-hero .rf-hero__eyebrow:has(a) a::before {
-	content: '';
+	content: "";
 	position: absolute;
 	inset: 0;
 }
@@ -100,12 +102,23 @@
 .rf-hero--cover[data-media-position="cover"][data-cover-scope="full"] {
 	container-type: normal;
 }
-.rf-hero--cover[data-height="sm"] { min-height: 20rem; }
-.rf-hero--cover[data-height="md"] { min-height: 28rem; }
-.rf-hero--cover[data-height="lg"] { min-height: 36rem; }
-.rf-hero--cover[data-height="xl"] { min-height: 44rem; }
+.rf-hero--cover[data-height="sm"] {
+	min-height: 20rem;
+}
+.rf-hero--cover[data-height="md"] {
+	min-height: 28rem;
+}
+.rf-hero--cover[data-height="lg"] {
+	min-height: 36rem;
+}
+.rf-hero--cover[data-height="xl"] {
+	min-height: 44rem;
+}
 /* Centre-band default: seat the overlay mid-well unless anchored. */
-.rf-hero--cover[data-media-position="cover"]:is([data-content-place="auto"], :not([data-content-place])) > [data-name="content"] {
+.rf-hero--cover[data-media-position="cover"]:is(
+	[data-content-place="auto"],
+	:not([data-content-place])
+) > [data-name="content"] {
 	align-self: center;
 	justify-self: stretch;
 }

package/styles/runes/hint.css

@@ -11,9 +11,11 @@
 	display: inline-flex;
 	align-items: center;
 }
-.rf-hint__header [data-icon-group="hint"] { display: block; }
+.rf-hint__header [data-icon-group="hint"] {
+	display: block;
+}
 .rf-hint__header [data-icon-group="hint"]::before {
-	content: '';
+	content: "";
 	display: block;
 	width: 1.25rem;
 	height: 1.25rem;
@@ -22,7 +24,19 @@
 	-webkit-mask-repeat: no-repeat;
 	mask-repeat: no-repeat;
 }
-[data-icon-group="hint"][data-icon="note"]::before { -webkit-mask-image: var(--rf-icon-hint-note); mask-image: var(--rf-icon-hint-note); }
-[data-icon-group="hint"][data-icon="warning"]::before { -webkit-mask-image: var(--rf-icon-hint-warning); mask-image: var(--rf-icon-hint-warning); }
-[data-icon-group="hint"][data-icon="caution"]::before { -webkit-mask-image: var(--rf-icon-hint-caution); mask-image: var(--rf-icon-hint-caution); }
-[data-icon-group="hint"][data-icon="check"]::before { -webkit-mask-image: var(--rf-icon-hint-check); mask-image: var(--rf-icon-hint-check); }
+[data-icon-group="hint"][data-icon="note"]::before {
+	-webkit-mask-image: var(--rf-icon-hint-note);
+	mask-image: var(--rf-icon-hint-note);
+}
+[data-icon-group="hint"][data-icon="warning"]::before {
+	-webkit-mask-image: var(--rf-icon-hint-warning);
+	mask-image: var(--rf-icon-hint-warning);
+}
+[data-icon-group="hint"][data-icon="caution"]::before {
+	-webkit-mask-image: var(--rf-icon-hint-caution);
+	mask-image: var(--rf-icon-hint-caution);
+}
+[data-icon-group="hint"][data-icon="check"]::before {
+	-webkit-mask-image: var(--rf-icon-hint-check);
+	mask-image: var(--rf-icon-hint-check);
+}

package/styles/runes/itinerary.css

@@ -3,19 +3,29 @@
  * block display, the duration-badge placement, the horizontal flex-scroll + stop
  * min-width, and the compact display toggles. Connector borders, marker chrome,
  * the duration text, type, and spacing are skin. */
-.rf-itinerary-day__header:empty { display: none; }
-.rf-itinerary-day ol { list-style: none; }
-.rf-itinerary-stop { position: relative; }
+.rf-itinerary-day__header:empty {
+	display: none;
+}
+.rf-itinerary-day ol {
+	list-style: none;
+}
+.rf-itinerary-stop {
+	position: relative;
+}
 .rf-itinerary-stop::before {
-	content: '';
+	content: "";
 	position: absolute;
 	left: -0.4375rem;
 	top: 0.25rem;
 	width: 0.75rem;
 	height: 0.75rem;
 }
-.rf-itinerary-stop__time { display: block; }
-.rf-itinerary-stop__location { display: block; }
+.rf-itinerary-stop__time {
+	display: block;
+}
+.rf-itinerary-stop__location {
+	display: block;
+}
 .rf-itinerary-stop[data-duration]::after {
 	position: absolute;
 	top: 0.15rem;
@@ -36,6 +46,12 @@
 	position: static;
 	display: inline-block;
 }
-.rf-itinerary--compact .rf-itinerary-stop__body { display: none; }
-.rf-itinerary--compact .rf-itinerary-stop__location { display: inline; }
-.rf-itinerary--compact .rf-itinerary-stop__time { display: inline; }
+.rf-itinerary--compact .rf-itinerary-stop__body {
+	display: none;
+}
+.rf-itinerary--compact .rf-itinerary-stop__location {
+	display: inline;
+}
+.rf-itinerary--compact .rf-itinerary-stop__time {
+	display: inline;
+}

package/styles/runes/juxtapose.css

@@ -3,7 +3,9 @@
  * toggle-bar flex, and the meta/label hides. Radii, surface, chrome, glyphs, and
  * the toggle-button styling stay skin (Lumina's styles/runes/juxtapose.css). */
 
-.rf-juxtapose__panels { overflow: hidden; }
+.rf-juxtapose__panels {
+	overflow: hidden;
+}
 .rf-juxtapose-panel {
 	position: relative;
 	overflow: hidden;
@@ -13,16 +15,24 @@
 	bottom: 0.5rem;
 	pointer-events: none;
 }
-.rf-juxtapose-panel:first-child .rf-juxtapose-panel__name { left: 0.5rem; }
-.rf-juxtapose-panel:last-child .rf-juxtapose-panel__name { right: 0.5rem; }
+.rf-juxtapose-panel:first-child .rf-juxtapose-panel__name {
+	left: 0.5rem;
+}
+.rf-juxtapose-panel:last-child .rf-juxtapose-panel__name {
+	right: 0.5rem;
+}
 .rf-juxtapose-panel__body :is(img, .rf-placeholder) {
 	display: block;
 	width: 100%;
 	height: auto;
 	object-fit: cover;
 }
-.rf-juxtapose-panel > meta { display: none; }
-.rf-juxtapose--toggle .rf-juxtapose-panel__name { display: none; }
+.rf-juxtapose-panel > meta {
+	display: none;
+}
+.rf-juxtapose--toggle .rf-juxtapose-panel__name {
+	display: none;
+}
 
 /* Slider divider (injected by behavior) */
 .rf-juxtapose__divider {

package/styles/runes/lore.css

@@ -1,8 +1,12 @@
 /* lore — structure. The relative root (spoiler-overlay anchor), the title block,
  * and the spoiler-overlay positioning. The blur effect, overlay chrome, glyph, and
  * type stay skin. */
-.rf-lore { position: relative; }
-.rf-lore > span[property="title"] { display: block; }
+.rf-lore {
+	position: relative;
+}
+.rf-lore > span[property="title"] {
+	display: block;
+}
 .rf-lore--spoiler::after {
 	position: absolute;
 	top: 50%;

package/styles/runes/map.css

@@ -3,11 +3,22 @@
  * sr-only pins list, the pin-group inline box, metadata hide, the media-guest fill,
  * and the popup-title block. Margins, radii, surface, fallback type, and the
  * Leaflet popup chrome are skin. */
-.rf-map { overflow: hidden; }
-.rf-map--small .rf-map__container { height: 200px; }
-.rf-map--medium .rf-map__container { height: 400px; }
-.rf-map--large .rf-map__container { height: 600px; }
-.rf-map--full .rf-map__container { height: 80vh; min-height: 400px; }
+.rf-map {
+	overflow: hidden;
+}
+.rf-map--small .rf-map__container {
+	height: 200px;
+}
+.rf-map--medium .rf-map__container {
+	height: 400px;
+}
+.rf-map--large .rf-map__container {
+	height: 600px;
+}
+.rf-map--full .rf-map__container {
+	height: 80vh;
+	min-height: 400px;
+}
 .rf-map__container {
 	width: 100%;
 	position: relative;

package/styles/runes/mediatext.css

@@ -5,21 +5,39 @@
 	display: grid;
 	align-items: start;
 }
-.rf-mediatext[data-ratio="1:1"]:not([data-wrap="true"]) { grid-template-columns: 1fr 1fr; }
-.rf-mediatext[data-ratio="1:2"]:not([data-wrap="true"]) { grid-template-columns: 1fr 2fr; }
-.rf-mediatext[data-ratio="2:1"]:not([data-wrap="true"]) { grid-template-columns: 2fr 1fr; }
-.rf-mediatext--right:not([data-wrap="true"]) .rf-mediatext__media { order: 1; }
+.rf-mediatext[data-ratio="1:1"]:not([data-wrap="true"]) {
+	grid-template-columns: 1fr 1fr;
+}
+.rf-mediatext[data-ratio="1:2"]:not([data-wrap="true"]) {
+	grid-template-columns: 1fr 2fr;
+}
+.rf-mediatext[data-ratio="2:1"]:not([data-wrap="true"]) {
+	grid-template-columns: 2fr 1fr;
+}
+.rf-mediatext--right:not([data-wrap="true"]) .rf-mediatext__media {
+	order: 1;
+}
 .rf-mediatext__media :is(img, .rf-placeholder) {
 	max-width: 100%;
 	height: auto;
 }
-.rf-mediatext[data-ratio="1:1"][data-wrap="true"] .rf-mediatext__media { max-width: 50%; }
-.rf-mediatext[data-ratio="1:2"][data-wrap="true"] .rf-mediatext__media { max-width: 33.333%; }
-.rf-mediatext[data-ratio="2:1"][data-wrap="true"] .rf-mediatext__media { max-width: 66.666%; }
-.rf-mediatext--left[data-wrap="true"] .rf-mediatext__media { float: left; }
-.rf-mediatext--right[data-wrap="true"] .rf-mediatext__media { float: right; }
+.rf-mediatext[data-ratio="1:1"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 50%;
+}
+.rf-mediatext[data-ratio="1:2"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 33.333%;
+}
+.rf-mediatext[data-ratio="2:1"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 66.666%;
+}
+.rf-mediatext--left[data-wrap="true"] .rf-mediatext__media {
+	float: left;
+}
+.rf-mediatext--right[data-wrap="true"] .rf-mediatext__media {
+	float: right;
+}
 .rf-mediatext[data-wrap="true"]::after {
-	content: '';
+	content: "";
 	display: table;
 	clear: both;
 }

package/styles/runes/milestone.css

@@ -24,7 +24,7 @@
 	overflow: hidden;
 }
 .rf-milestone__progress-bar::after {
-	content: '';
+	content: "";
 	display: block;
 	height: 100%;
 	width: var(--rf-progress, 0%);

package/styles/runes/mockup.css

@@ -40,7 +40,10 @@
 .rf-mockup__frame {
 	position: relative;
 	margin-inline: auto;
-	zoom: calc(var(--mockup-scale, 1) * min(1, tan(atan2(100cqi, var(--mockup-device-width, 100cqi)))));
+	zoom: calc(
+		var(--mockup-scale, 1) *
+		min(1, tan(atan2(100cqi, var(--mockup-device-width, 100cqi))))
+	);
 }
 
 /* Media guest: fill the slot. The slot, not the device, sets the size here, so
@@ -123,7 +126,7 @@
 	height: 32px;
 }
 .rf-mockup__home-indicator::after {
-	content: '';
+	content: "";
 	display: block;
 	width: 134px;
 	height: 5px;