From 467d730075d1ba16a253793baa55250b7bec7b2c Mon Sep 17 00:00:00 2001
From: danix <danix@danix.xyz>
Date: Sun, 19 Feb 2023 09:05:16 +0100
Subject: [PATCH] removed old main sass file and fixed icons display in
 homepage and footer

---
 assets/sass/components/_icons.scss |   9 ++
 assets/sass/main.scss.old          | 129 -----------------------------
 2 files changed, 9 insertions(+), 129 deletions(-)
 delete mode 100644 assets/sass/main.scss.old

diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss
index 1985d4c..ceffd05 100644
--- a/assets/sass/components/_icons.scss
+++ b/assets/sass/components/_icons.scss
@@ -54,6 +54,14 @@
 		@include breakpoint('<=small') {
 			li {
 				padding: 0 0.75em 0 0;
+				a {
+					span.inline-svg {
+						svg {
+							width: 3rem;
+							height: 3rem;
+						}
+					}
+				}
 			}
 		}
 	}
@@ -94,6 +102,7 @@
 		cursor: default;
 		list-style: none;
 		padding-left: 0;
+		text-align: center !important;
 
 		li {
 			display: inline-block;
diff --git a/assets/sass/main.scss.old b/assets/sass/main.scss.old
deleted file mode 100644
index 19cf9a2..0000000
--- a/assets/sass/main.scss.old
+++ /dev/null
@@ -1,129 +0,0 @@
-// various imports for our styling
-
-// BOURBON 
-@import "bourbon/bourbon";
-
-// MY COLOR DEFINITIONS
-@import "colors";
-
-// GOOGLE FONTS
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,600;1,400;1,600&family=Red+Hat+Mono&display=swap');
-
-html {
-	margin: 0;
-	padding: 0;
-	font-family: 'Montserrat', sans-serif;
-	color: $dark-grey;
-	a {
-		color: $dark-accent;
-		text-decoration: none;
-		&:visited {
-			color: $light-accent;
-		}
-		&:hover {
-			color: $dark-orange;
-		}
-	}
-
-	body {
-		background-color: $base-bg;
-		margin: 0;
-		padding: 0;
-
-		div#page {
-			header#masthead,
-			footer#colophon {
-				color: $base-bg;
-				background-color: $dark-grey;
-				margin: 0;
-				padding: 1em;
-			}
-			header#masthead {
-				h1.site-title {
-					font-size: 5em;
-					font-weight: 200;
-					margin: 0;
-					padding: 0;
-					a {
-						color: $dark-orange;
-					}
-				}
-			}
-			footer#colophon {
-				div#social-menu {
-					ul.social-links {
-						margin: 0;
-						padding: 0;
-						li {
-							display: inline-block;
-						}
-					}
-				}
-			}
-			div#content {
-				line-height: 1.5;
-				font-weight: 400;
-				padding: 1em 3em;
-				div#secondary {
-					div#home-social-links {
-						ul.social-links-list {
-							list-style: none;
-							li {
-								display: inline-block;
-								float: none;
-								text-align: center;
-								a {
-									color: $dark-orange;
-									&:hover {
-										color: shade($dark-orange, 40%);
-									}
-								}
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}
-ul {
-	list-style: none;
-}
-.screen-reader-text,
-.hidden {
-	@include hide-visually;
-}
-pre {
-	margin: 1em;
-	padding: 0.7em;
-	max-width: 90vw;
-	background-color: $light-grey;
-	color: $light-orange;
-	font-size: 1.4em;
-	font-family: 'Red Hat Mono', monospace;
-}
-div#backtotop {
-	color: $light-orange !important;
-	& a {
-		position: fixed;
-		right: 2em;
-		bottom: 2em;
-		border-radius: 100%;
-		background-color: $dark-orange;
-		padding: 0.5rem;
-		border: none;
-		cursor: pointer;
-		display: block;
-		width: 3em;
-		height: 3em;
-		color: $dark-grey;
-	}
-}
-.inline-svg {
-	display: inline-block;
-	height: 3em;
-	width: 3em;
-	margin-right: 1em;
-	top: 0.15em;
-	position: relative;
-}
-- 
2.20.1