style: Linting++ for css-file

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

src/styles/global.css

@@ -1,12 +1,11 @@
 :root {
-	--dark-bg: #1e1e2e; /* Midnight Navy */
+	--dark-bg: #1e1e2e;
-	--dark-1: #cdd6f4; /* Lavender Mist */
+	--dark-1: #cdd6f4;
-	--dark-2: #8f5cf4; /* Amethyst Glow */
+	--dark-2: #8f5cf4;
-	--dark-3: #6f7aaa; /* Dusty Lavender */
+	--dark-3: #6f7aaa;
-	--dark-hover: #b4c0f4; /* Periwinkle Glow */
+	--dark-hover: #b4c0f4;
-	--dark-link: #89b4fa; /* Sky Blue */
+	--dark-link: #89b4fa;
-	--dark-blockquote: #11111b; /* Charcoal Abyss */
+	--dark-blockquote: #11111b;
-	/* MISC */
 	--code-bg: #24292E;
 	--code-text: #A5A8AD;
 }
@@ -24,7 +23,9 @@ p {
 	font-size: large;
 }
 
-h2, h3, h4 {
+h2,
+h3,
+h4 {
 	font-weight: 600;
 }
 
@@ -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 {
+.index a {
-  display: block;
+	color: var(--dark-link);
-  margin: 1.05rem 0;
-  max-width: 100%;
-  border-radius: 1.05rem;
 }
-.index a { color: var(--dark-link);}
 
-.index a:hover { text-decoration: underline 2px;}
+.index a:hover {
+	text-decoration: underline 2px;
+}
 
 /* BLOG */
 .blog p {
@@ -125,7 +164,8 @@ iframe {
 	margin: 10px 0px;
 }
 
-.blog th, .blog td {
+.blog th,
+.blog td {
 	border: 1px solid;
 }
 
@@ -133,11 +173,18 @@ iframe {
 	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,7 +225,9 @@ iframe {
 	margin-bottom: 10px;
 }
 
-.gallery table, th, td {
+.gallery table,
+th,
+td {
 	border: 0;
 	margin: 0;
 }
@@ -208,7 +257,9 @@ iframe {
 	font-size: small;
 }
 
-.cv a:hover { text-decoration: underline 2px; }
+.cv a:hover {
+	text-decoration: underline 2px;
+}
 
 .cv li {
 	list-style: disc inside;
@@ -225,40 +276,6 @@ iframe {
 	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,26 +283,39 @@ 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;
 	}