From cc43b16d681f8a5fb6dd69814adf0ab69b82c838 Mon Sep 17 00:00:00 2001 From: danix Date: Thu, 2 Feb 2023 13:10:10 +0100 Subject: [PATCH] some little styling retouches, I'm still working on integrating fontawesome icons. It still needs some work. --- assets/sass/main.scss | 22 +++++++++++++++++++--- layouts/partials/footer-addition.html | 2 +- layouts/partials/footer.html | 7 ++++++- layouts/partials/home-social-links.html | 3 +++ 4 files changed, 29 insertions(+), 5 deletions(-) diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 8a037a9..7017ef0 100644 --- 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 diff --git a/layouts/partials/footer-addition.html b/layouts/partials/footer-addition.html index dce3e8c..08ee91b 100644 --- a/layouts/partials/footer-addition.html +++ b/layouts/partials/footer-addition.html @@ -1,4 +1,4 @@
- back to top + back to top
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 6961a97..747cd7b 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,7 +1,12 @@