use sass + fix code hightlight

1 files changed, 54 insertions, 0 deletions

diff --git a/_sass/globals.css b/_sass/globals.css
new file mode 100644
index 0000000..81c0b75
--- /dev/null
+++ b/_sass/globals.css
@@ -0,0 +1,54 @@
+html, body {
+	padding: 0;
+	margin: 0;
+
+	background-color: var(--bg);
+	color: var(--fg);
+
+	hyphens: auto;
+}
+
+.contentWrapper a {
+	color: var(--links);
+	text-decoration: none;
+	position: relative;
+	display: inline-block;
+}
+
+.contentWrapper a::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	bottom: 0;
+	height: 1px;
+	width: 0%;
+	transition: width;
+	transition-duration: 150ms;
+	background-color: var(--links);
+}
+
+.contentWrapper a:hover::after {
+	width: 100%;
+}
+
+::-webkit-scrollbar {
+	width: 12px;
+	height: 12px;
+}
+
+::-webkit-scrollbar-thumb {
+	border-radius: 6px;
+	border: 4px solid var(--bg);
+}
+
+:focus { outline: none; }
+
+li {
+	margin-bottom: 6px;
+}
+
+.icon svg {
+	width: 24px;
+	height: 24px;
+	fill: currentColor;
+}