update styles

rossrobino · Sep 13, 2023 · f750005 · f750005 · vercel · Sep 13, 2023
1 parent 7eb56f0
commit f750005
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 12 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "drab",
-	"version": "4.1.1",
+	"version": "4.1.2",
 	"description": "An Unstyled Svelte Component Library",
 	"keywords": [
 		"components",

diff --git a/src/app.html b/src/app.html
@@ -8,10 +8,7 @@
 		<meta name="description" content="An unstyled Svelte component library." />
 		%sveltekit.head%
 	</head>
-	<body
-		data-sveltekit-preload-data="hover"
-		class="dark:dark prose-h1:text-balance prose prose-neutral max-w-none bg-background font-serif text-foreground prose-a:link dark:prose-invert selection:bg-foreground selection:text-background prose-headings:font-antique prose-h1:capitalize prose-h2:capitalize prose-h3:capitalize hover:prose-a:decoration-dotted prose-pre:-mx-6 prose-pre:rounded-none prose-pre:px-6 sm:prose-pre:mx-0 sm:prose-pre:rounded-md sm:prose-pre:px-4"
-	>
+	<body data-sveltekit-preload-data="hover" class="dark:dark">
 		<div>%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/lib/components/Editor.svelte b/src/lib/components/Editor.svelte
@@ -37,7 +37,7 @@
 <Editor
 	classButton="button button-primary"
 	classControls="flex gap-2"
-	classTextarea="input w-full h-36 mb-2"
+	classTextarea="input h-36 mb-2"
 	placeholderTextarea="asterisk: ctrl+i, anchor: ctrl+["
 	contentElements={[
 		{

diff --git a/src/lib/components/FrettedChord.svelte b/src/lib/components/FrettedChord.svelte
@@ -24,7 +24,7 @@ Try it out and generate code: [FrettedChord Creator](https://svelte.dev/repl/577
 </script>
 
 <FrettedChord
-	class="font-mono text-foreground"
+	class="font-mono"
 	name="D"
 	notes={[
 		{

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -26,7 +26,9 @@
 
 <SkipLink />
 
-<div class="lg:flex lg:justify-center">
+<div
+	class="prose-h1:text-balance prose prose-neutral max-w-none bg-background font-serif text-foreground prose-a:link dark:prose-invert selection:bg-foreground selection:text-background prose-headings:font-antique prose-h1:capitalize prose-h2:capitalize prose-h3:capitalize hover:prose-a:decoration-dotted prose-pre:-mx-6 prose-pre:rounded-none prose-pre:px-6 sm:prose-pre:mx-0 sm:prose-pre:rounded-md sm:prose-pre:px-4 lg:flex lg:justify-center"
+>
 	<div class="gap-8 lg:flex">
 		<header class="sticky top-0 z-10">
 			<nav class="sticky top-0 hidden lg:block">

diff --git a/src/routes/docs/Editor/+page.svelte b/src/routes/docs/Editor/+page.svelte
@@ -5,7 +5,7 @@
 <Editor
 	classButton="button button-primary"
 	classControls="flex gap-2"
-	classTextarea="input w-full h-36 mb-2"
+	classTextarea="input h-36 mb-2"
 	placeholderTextarea="asterisk: ctrl+i, anchor: ctrl+["
 	contentElements={[
 		{

diff --git a/src/routes/docs/FrettedChord/+page.svelte b/src/routes/docs/FrettedChord/+page.svelte
@@ -3,7 +3,7 @@
 </script>
 
 <FrettedChord
-	class="font-mono text-foreground"
+	class="font-mono"
 	name="D"
 	notes={[
 		{