Autoformat

Author: blokhin

src/assets/global.css

@@ -56,10 +56,10 @@ body,
 	font-family: Exo2 !important;
 }
 
-.codejar-wrap code[class*=language-],
-.codejar-wrap pre[class*=language-] {
-	color: #25292E !important;
-	background: #FFFFFF !important;
+.codejar-wrap code[class*='language-'],
+.codejar-wrap pre[class*='language-'] {
+	color: #25292e !important;
+	background: #ffffff !important;
 	font-size: 24px !important;
 	line-height: 1.5 !important;
 	text-shadow: none !important;
@@ -89,4 +89,4 @@ body,
 	.hero_component button {
 		width: 100%;
 	}
-}
+}

src/layouts/ApiGuide.svelte

@@ -3,7 +3,19 @@
 		All these operations can be also done programmatically via the <a href="https://github.com/tilde-lab/metis-client">Metis API</a>.
 	</div>
 	<div class="api_body">
-		<Slidy {slides} {index} let:item snap="center" axis="y" --slidy-slide-gap="7%" loop={true} navigation={false} arrows={false} counter={false} autoplay={true}>
+		<Slidy
+			{slides}
+			{index}
+			let:item
+			snap="center"
+			axis="y"
+			--slidy-slide-gap="7%"
+			loop={true}
+			navigation={false}
+			arrows={false}
+			counter={false}
+			autoplay={true}
+		>
 			<figure>
 				<img width={item.width} height={item.height} src={item.src} alt="Stable Diffusion Neural Art" title="Stable Diffusion Neural Art" />
 			</figure>

src/layouts/Visualize.svelte

@@ -1,7 +1,19 @@
 <div class="visualize">
 	<Grid stack>
 		<Col col="5">
-			<Slidy {slides} {index} let:item snap="center" axis="y" --slidy-slide-width="100%" loop={true} navigation={false} arrows={false} counter={false} autoplay={true}>
+			<Slidy
+				{slides}
+				{index}
+				let:item
+				snap="center"
+				axis="y"
+				--slidy-slide-width="100%"
+				loop={true}
+				navigation={false}
+				arrows={false}
+				counter={false}
+				autoplay={true}
+			>
 				<figure>
 					<img width={item.width} height={item.height} src={item.src} alt="Stable Diffusion Neural Art" title="Stable Diffusion Neural Art" />
 				</figure>