some little styling retouches, I'm still working on integrating fontawesome icons...

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

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 8a037a9..7017ef0 100644 (file)
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -8,7 +8,8 @@
 // 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 +101,22 @@ 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