creation of divide table + format & lint

skeletonlabs · Dec 3, 2023 · d3949b0 · d3949b0
1 parent df93770
commit d3949b0
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte b/sites/skeleton.dev/src/routes/(inner)/docs/tokens/+page.svelte
@@ -43,8 +43,7 @@
 		head: headings,
 		body: [
 			['<code class="code">.border-token</code>', '', "Implements your theme's configured border size."],
-			['<code class="code">.border-[color]-[pairings]-token</code>', `${vColorsAll}<br>${vPairings}`, descPairings],
-			['<code class="code">.divide-[color]-[pairings]-token</code>', `${vColorsAll}<br>${vPairings}`, descPairings]
+			['<code class="code">.border-[color]-[pairings]-token</code>', `${vColorsAll}<br>${vPairings}`, descPairings]
 		]
 	};
 	const tableFills: TableSource = {
@@ -75,6 +74,10 @@
 		head: headings,
 		body: [['<code class="code">.decoration-[color]-[pairings]-token</code>', `${vColorsAll}<br>${vPairings}`, descPairings]]
 	};
+	const tableDivide: TableSource = {
+		head: headings,
+		body: [['<code class="code">.divide-[color]-[pairings]-token</code>', `${vColorsAll}<br>${vPairings}`, descPairings]]
+	};
 	const tableMisc: TableSource = {
 		head: headings,
 		body: [
@@ -154,6 +157,11 @@
 			<h2 class="h2">Borders</h2>
 			<Table source={tableBorder} />
 		</section>
+		<!-- Divides -->
+		<section class="space-y-4">
+			<h2 class="h2">Divide</h2>
+			<Table source={tableFills} />
+		</section>
 		<!-- Fills -->
 		<section class="space-y-4">
 			<h2 class="h2">SVG Fill Color</h2>