From 2f74411118c35f0c9d852966af25e04b45dd3f53 Mon Sep 17 00:00:00 2001
From: Berke Güzel <wenekar1@gmail.com>
Date: Mon, 9 Feb 2026 00:47:32 +0300
Subject: formatting and more perf

---
 src/lib/styles/global.css        | 209 +++++++++++++++++++--------------------
 src/lib/styles/global.pruned.css | 153 ++++++++++++++--------------
 2 files changed, 180 insertions(+), 182 deletions(-)

(limited to 'src/lib/styles')

diff --git a/src/lib/styles/global.css b/src/lib/styles/global.css
index 8ec94fc..1ed6aca 100644
--- a/src/lib/styles/global.css
+++ b/src/lib/styles/global.css
@@ -1,42 +1,43 @@
 *,
 *::before,
 *::after {
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 :root {
-	--bg: #fff;
-	--text: #333;
-	--muted: #666;
-	--link: #888;
-	--link-hover: #000;
-	--border: #eee;
-	--code-bg: #f5f5f5;
-	--font: "Inter", sans-serif;
-	--mono: "Bitstream Vera Sans Mono", "Courier New", monospace;
+  --bg: #fff;
+  --text: #333;
+  --muted: #666;
+  --link: #888;
+  --link-hover: #000;
+  --border: #eee;
+  --code-bg: #f5f5f5;
+  --font:
+    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
+  --mono: "Bitstream Vera Sans Mono", "Courier New", monospace;
 }
 
 [data-theme="dark"] {
-	--bg: #1a1a1a;
-	--text: #e0e0e0;
-	--muted: #999;
-	--link-hover: #fff;
-	--border: #333;
-	--code-bg: #2a2a2a;
+  --bg: #1a1a1a;
+  --text: #e0e0e0;
+  --muted: #999;
+  --link-hover: #fff;
+  --border: #333;
+  --code-bg: #2a2a2a;
 }
 
 html {
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 body {
-	font: 18px/1.4 var(--font);
-	color: var(--text);
-	background: var(--bg);
-	transition: background 0.2s, color 0.2s;
+  font: 18px/1.4 var(--font);
+  color: var(--text);
+  background: var(--bg);
 }
 
 h1,
@@ -45,162 +46,160 @@ h3,
 h4,
 h5,
 h6 {
-	margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 .container {
-	max-width: 900px;
-	margin: 0 auto;
-	padding: 0 2rem;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 0 2rem;
 }
 
 p {
-	margin-bottom: 1rem;
+  margin-bottom: 1rem;
 }
 
 a {
-	color: var(--link);
-	text-decoration: none;
-	transition: color 0.2s;
+  color: var(--link);
+  text-decoration: none;
 }
 
 a:hover {
-	color: var(--link-hover);
+  color: var(--link-hover);
 }
 
 ul,
 ol {
-	margin-bottom: 1rem;
-	padding-left: 1.5rem;
+  margin-bottom: 1rem;
+  padding-left: 1.5rem;
 }
 
 li {
-	margin-bottom: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 
 blockquote {
-	border-left: 2px solid var(--muted);
-	padding-left: 1em;
-	margin: 1.5rem 0;
-	font-style: italic;
+  border-left: 2px solid var(--muted);
+  padding-left: 1em;
+  margin: 1.5rem 0;
+  font-style: italic;
 }
 
 code {
-	font-family: var(--mono);
-	font-size: 0.9em;
-	background: var(--code-bg);
-	padding: 0.2em 0.4em;
-	border-radius: 3px;
+  font-family: var(--mono);
+  font-size: 0.9em;
+  background: var(--code-bg);
+  padding: 0.2em 0.4em;
+  border-radius: 3px;
 }
 
 pre {
-	font-family: var(--mono);
-	background: var(--code-bg);
-	padding: 1rem;
-	border-radius: 4px;
-	overflow-x: auto;
-	margin: 1.5rem 0;
-	box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
+  font-family: var(--mono);
+  background: var(--code-bg);
+  padding: 1rem;
+  border-radius: 4px;
+  overflow-x: auto;
+  margin: 1.5rem 0;
+  box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
 }
 
 pre code {
-	background: none;
-	padding: 0;
+  background: none;
+  padding: 0;
 }
 
 img {
-	max-width: 100%;
-	height: auto;
+  max-width: 100%;
+  height: auto;
 }
 
 hr {
-	border: none;
-	border-top: 1px solid var(--border);
-	margin: 2rem 0;
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 2rem 0;
 }
 
 small,
 time {
-	font-size: 15px;
-	color: var(--muted);
+  font-size: 15px;
+  color: var(--muted);
 }
 
 /* Layout */
 .wrapper-masthead {
-	margin: 0 2rem 3rem;
+  margin: 0 2rem 3rem;
 }
 
 .masthead {
-	padding: 1.25rem 0;
-	border-bottom: 1px solid var(--border);
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  padding: 1.25rem 0;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .site-info {
-	display: flex;
-	flex-direction: column;
-	margin-left: 2rem;
+  display: flex;
+  flex-direction: column;
+  margin-left: 2rem;
 }
 
 .site-info h1 {
-	margin: 0;
-	font-size: 1.75rem;
-	font-weight: 300;
-	letter-spacing: 1px;
+  margin: 0;
+  font-size: 1.75rem;
+  font-weight: 300;
+  letter-spacing: 1px;
 }
 
 .site-description {
-	margin: -0.25rem 0 0 0;
-	color: var(--muted);
-	font-size: 1rem;
+  margin: -0.25rem 0 0 0;
+  color: var(--muted);
+  font-size: 1rem;
 }
 
 header nav {
-	display: flex;
-	align-items: center;
-	gap: 1.25rem;
-	font-size: 18px;
+  display: flex;
+  align-items: center;
+  gap: 1.25rem;
+  font-size: 18px;
 }
 
 footer {
-	margin-top: 4rem;
-	text-align: center;
+  margin-top: 4rem;
+  text-align: center;
 }
 
 article {
-	margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 .theme-toggle {
-	background: transparent;
-	border: none;
-	padding: 0.5rem;
-	cursor: pointer;
-	color: var(--muted);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	transition: color 0.2s;
+  background: transparent;
+  border: none;
+  padding: 0.5rem;
+  cursor: pointer;
+  color: var(--muted);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .theme-toggle:hover {
-	color: var(--link-hover);
+  color: var(--link-hover);
 }
 
 .giscus-container {
-	margin-top: 3rem;
+  margin-top: 3rem;
 }
 
 @media (max-width: 640px) {
-	.masthead {
-		flex-direction: column;
-		text-align: center;
-		gap: 1rem;
-	}
-
-	header nav {
-		gap: 0.75rem;
-	}
-}
\ No newline at end of file
+  .masthead {
+    flex-direction: column;
+    text-align: center;
+    gap: 1rem;
+  }
+
+  header nav {
+    gap: 0.75rem;
+  }
+}
diff --git a/src/lib/styles/global.pruned.css b/src/lib/styles/global.pruned.css
index 45f1462..9872f39 100644
--- a/src/lib/styles/global.pruned.css
+++ b/src/lib/styles/global.pruned.css
@@ -1,154 +1,153 @@
 *,
 *::before,
 *::after {
-	box-sizing: border-box;
-	margin: 0;
-	padding: 0;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 :root {
-	--bg: #fff;
-	--text: #333;
-	--muted: #666;
-	--link: #888;
-	--link-hover: #000;
-	--border: #eee;
-	--font: "Inter", sans-serif;
+  --bg: #fff;
+  --text: #333;
+  --muted: #666;
+  --link: #888;
+  --link-hover: #000;
+  --border: #eee;
+  --font:
+    Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    "Helvetica Neue", Arial, sans-serif;
 }
 
 [data-theme="dark"] {
-	--bg: #1a1a1a;
-	--text: #e0e0e0;
-	--muted: #999;
-	--link-hover: #fff;
-	--border: #333;
+  --bg: #1a1a1a;
+  --text: #e0e0e0;
+  --muted: #999;
+  --link-hover: #fff;
+  --border: #333;
 }
 
 html {
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 body {
-	font: 18px/1.4 var(--font);
-	color: var(--text);
-	background: var(--bg);
-	transition: background 0.2s, color 0.2s;
+  font: 18px/1.4 var(--font);
+  color: var(--text);
+  background: var(--bg);
 }
 
 h1,
 h2,
 h3 {
-	margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 .container {
-	max-width: 900px;
-	margin: 0 auto;
-	padding: 0 2rem;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 0 2rem;
 }
 
 p {
-	margin-bottom: 1rem;
+  margin-bottom: 1rem;
 }
 
 a {
-	color: var(--link);
-	text-decoration: none;
-	transition: color 0.2s;
+  color: var(--link);
+  text-decoration: none;
 }
 
 a:hover {
-	color: var(--link-hover);
+  color: var(--link-hover);
 }
 
 hr {
-	border: none;
-	border-top: 1px solid var(--border);
-	margin: 2rem 0;
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 2rem 0;
 }
 
 small,
 time {
-	font-size: 15px;
-	color: var(--muted);
+  font-size: 15px;
+  color: var(--muted);
 }
 
 /* Layout */
 .wrapper-masthead {
-	margin: 0 2rem 3rem;
+  margin: 0 2rem 3rem;
 }
 
 .masthead {
-	padding: 1.25rem 0;
-	border-bottom: 1px solid var(--border);
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
+  padding: 1.25rem 0;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .site-info {
-	display: flex;
-	flex-direction: column;
-	margin-left: 2rem;
+  display: flex;
+  flex-direction: column;
+  margin-left: 2rem;
 }
 
 .site-info h1 {
-	margin: 0;
-	font-size: 1.75rem;
-	font-weight: 300;
-	letter-spacing: 1px;
+  margin: 0;
+  font-size: 1.75rem;
+  font-weight: 300;
+  letter-spacing: 1px;
 }
 
 .site-description {
-	margin: -0.25rem 0 0 0;
-	color: var(--muted);
-	font-size: 1rem;
+  margin: -0.25rem 0 0 0;
+  color: var(--muted);
+  font-size: 1rem;
 }
 
 header nav {
-	display: flex;
-	align-items: center;
-	gap: 1.25rem;
+  display: flex;
+  align-items: center;
+  gap: 1.25rem;
 }
 
 footer {
-	margin-top: 4rem;
-	text-align: center;
+  margin-top: 4rem;
+  text-align: center;
 }
 
 article {
-	margin-bottom: 2rem;
+  margin-bottom: 2rem;
 }
 
 .theme-toggle {
-	background: transparent;
-	border: none;
-	padding: 0.5rem;
-	cursor: pointer;
-	color: var(--muted);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	transition: color 0.2s;
+  background: transparent;
+  border: none;
+  padding: 0.5rem;
+  cursor: pointer;
+  color: var(--muted);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .theme-toggle:hover {
-	color: var(--link-hover);
+  color: var(--link-hover);
 }
 
 .giscus-container {
-	margin-top: 3rem;
+  margin-top: 3rem;
 }
 
 @media (max-width: 640px) {
-	.masthead {
-		flex-direction: column;
-		text-align: center;
-		gap: 1rem;
-	}
-
-	header nav {
-		gap: 0.75rem;
-	}
+  .masthead {
+    flex-direction: column;
+    text-align: center;
+    gap: 1rem;
+  }
+
+  header nav {
+    gap: 0.75rem;
+  }
 }
-- 
cgit v1.2.3