adding all svgs and partials to handle them in order to ask for help in the forums.

[theme-danix.xyz.git] / assets / sass / main.scss

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 8a037a9..3948ad1 100644 (file)
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -2,13 +2,13 @@
 
 // BOURBON 
 @import "bourbon/bourbon";
-// FONT-AWESOME v6.2.1
-@import "fa-v6/fontawesome";
-@import "fa-v6/brands";
+
 // 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');
+@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;
@@ -100,7 +100,29 @@ pre {
        font-family: 'Red Hat Mono', monospace;
 }
 div#backtotop {
-       a {
-               color: $light-orange;
+       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: 2em;
+               height: 2em;
+               color: $dark-grey;
+               & i {
+                       color: inherit;
+               }
        }
-}
\ No newline at end of file
+}
+.inline-svg {
+       display: inline-block;
+       height: 1.15rem;
+       width: 1.15rem;
+       top: 0.15rem;
+       position: relative;
+}