removed old main sass file and fixed icons display in homepage and footer

diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss
index 1985d4c..ceffd05 100644 (file)
--- 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 (file)
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;
-}