From 31a642dc08d799c71d669b1551ed5c1351b8b352 Mon Sep 17 00:00:00 2001
From: SindreKjelsrud <sindre@kjelsrud.dev>
Date: Thu, 28 Aug 2025 16:18:58 +0200
Subject: [PATCH] style: Linting++ for css-file

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
---
 src/styles/global.css | 174 +++++++++++++++++++++++++-----------------
 1 file changed, 102 insertions(+), 72 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 8dbdfdf..fdaa725 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,12 +1,11 @@
 :root {
-	--dark-bg: #1e1e2e; /* Midnight Navy */
-	--dark-1: #cdd6f4; /* Lavender Mist */
-	--dark-2: #8f5cf4; /* Amethyst Glow */
-	--dark-3: #6f7aaa; /* Dusty Lavender */
-	--dark-hover: #b4c0f4; /* Periwinkle Glow */
-	--dark-link: #89b4fa; /* Sky Blue */
-	--dark-blockquote: #11111b; /* Charcoal Abyss */
-	/* MISC */
+	--dark-bg: #1e1e2e;
+	--dark-1: #cdd6f4;
+	--dark-2: #8f5cf4;
+	--dark-3: #6f7aaa;
+	--dark-hover: #b4c0f4;
+	--dark-link: #89b4fa;
+	--dark-blockquote: #11111b;
 	--code-bg: #24292E;
 	--code-text: #A5A8AD;
 }
@@ -24,8 +23,10 @@ p {
 	font-size: large;
 }
 
-h2, h3, h4 {
-  font-weight: 600;
+h2,
+h3,
+h4 {
+	font-weight: 600;
 }
 
 hr {
@@ -33,6 +34,46 @@ hr {
 	border-color: #777;
 }
 
+iframe {
+	display: block;
+	margin: 1.05rem 0;
+	max-width: 100%;
+	border-radius: 1.05rem;
+}
+
+code {
+	display: inline;
+	background-color: var(--code-bg);
+	color: var(--code-text);
+	border-radius: 8px;
+	padding: 4px 8px;
+	font-size: small;
+}
+
+pre {
+	padding: 10px;
+	background-color: var(--code-bg);
+	color: var(--code-text);
+	border-radius: 10px;
+	margin: 10px 0;
+}
+
+blockquote {
+	background-color: var(--dark-blockquote);
+	padding: 0 0 0 10px;
+	border-left: 5px solid var(--dark-link);
+
+	p {
+		font-size: medium;
+		line-height: 32px;
+	}
+}
+
+::selection {
+	background-color: var(--dark-1);
+	color: var(--dark-bg);
+}
+
 /* HEADER */
 .headerlink {
 	border: 2px solid var(--dark-link);
@@ -69,15 +110,13 @@ hr {
 	padding: 10px 0 0 0;
 }
 
-iframe {
-  display: block;
-  margin: 1.05rem 0;
-  max-width: 100%;
-  border-radius: 1.05rem;
+.index a {
+	color: var(--dark-link);
 }
-.index a { color: var(--dark-link);}
 
-.index a:hover { text-decoration: underline 2px;}
+.index a:hover {
+	text-decoration: underline 2px;
+}
 
 /* BLOG */
 .blog p {
@@ -120,24 +159,32 @@ iframe {
 }
 
 .blog table {
-    width: 100%;
-    border-collapse: collapse;
-    margin: 10px 0px;
+	width: 100%;
+	border-collapse: collapse;
+	margin: 10px 0px;
 }
 
-.blog th, .blog td {
-    border: 1px solid;
+.blog th,
+.blog td {
+	border: 1px solid;
 }
 
 .blog th {
-    padding: 5px 5px;
+	padding: 5px 5px;
 }
 
-.blog a { color: var(--dark-link); font-weight: bolder; }
+.blog a {
+	color: var(--dark-link);
+	font-weight: bolder;
+}
 
-.blog a:hover { text-decoration: underline 2px; }
+.blog a:hover {
+	text-decoration: underline 2px;
+}
 
-.blogtime { color: var(--dark-2); }
+.blogtime {
+	color: var(--dark-2);
+}
 
 .footnotes li {
 	counter-increment: footnote-counter;
@@ -178,15 +225,17 @@ iframe {
 	margin-bottom: 10px;
 }
 
-.gallery table, th, td {
+.gallery table,
+th,
+td {
 	border: 0;
 	margin: 0;
 }
 
 @media screen and (max-width: 600px) {
-  .gallery table img {
-    border-width: 5px;
-  }
+	.gallery table img {
+		border-width: 5px;
+	}
 }
 
 /* CV */
@@ -203,12 +252,14 @@ iframe {
 	font-size: small;
 }
 
-.cv a { 
+.cv a {
 	color: var(--dark-link);
 	font-size: small;
 }
 
-.cv a:hover { text-decoration: underline 2px; }
+.cv a:hover {
+	text-decoration: underline 2px;
+}
 
 .cv li {
 	list-style: disc inside;
@@ -219,46 +270,12 @@ iframe {
 	padding-left: 10px;
 }
 
-/* QUOTES */ 
+/* QUOTES */
 .author {
 	color: var(--dark-2);
 	font-size: medium;
 }
 
-/* RANDOM */
-code {
-	display: inline;
-	background-color: var(--code-bg);
-	color: var(--code-text);
-	border-radius: 8px;
-	padding: 4px 8px;
-	font-size: small;
-}
-
-pre {
-	padding: 10px;
-	background-color: var(--code-bg);
-	color: var(--code-text);
-	border-radius: 10px;
-	margin: 10px 0;
-}
-
-blockquote {
-	background-color: var(--dark-blockquote);
-	padding: 0 0 0 10px;
-	border-left: 5px solid var(--dark-link);
-}
-
-blockquote p {
-	font-size: medium;
-	line-height: 32px;
-}
-
-::selection{
-	background-color: var(--dark-1);
-	color: var(--dark-bg);
-}
-
 /* PRINT */
 @media print {
 	body {
@@ -266,27 +283,40 @@ blockquote p {
 		color: #000;
 		font-family: Georgia, serif;
 	}
-	h1, h2, h3 {
+
+	h1,
+	h2,
+	h3 {
 		line-height: 1.3;
 		font-family: Helvetica, sans-serif;
 	}
-	a, main a, .post main a:visited {
+
+	a,
+	main a,
+	.post main a:visited {
 		color: #000;
 		text-decoration: none;
 	}
-	blockquote, code {
+
+	blockquote,
+	code {
 		background: #fff;
 		margin: 0;
 		padding: 0 1.5em;
 		border-left: 5px solid #000;
 	}
-	nav, footer, header {
+
+	nav,
+	footer,
+	header {
 		display: none !important;
 	}
+
 	.blogtime {
 		color: #000;
 	}
+
 	#jr {
 		display: none;
 	}
-}
+}
\ No newline at end of file