added bg image to header. Fixed backtotop link and icons in home and footer.

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

diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss
index 32e99f9..d8f303b 100644 (file)
--- a/assets/sass/components/_icons.scss
+++ b/assets/sass/components/_icons.scss
@@ -40,6 +40,7 @@
                                padding-right: 0;
                        }
                        a {
+                               border-bottom: none;
                                text-decoration: none;
                                span.inline-svg {
                                        svg {
@@ -55,4 +56,48 @@
                                padding: 0 0.75em 0 0;
                        }
                }
+       }
+
+       ul.footer-socials {
+               cursor: default;
+               list-style: none;
+               padding-left: 0;
+
+               li.social-link {
+                       display: inline-block;
+                       padding: 0 1em 0 0;
+
+                       &:last-child {
+                               padding-right: 0;
+                       }
+                       a {
+                               border-bottom: none;
+                               text-decoration: none;
+                               span.inline-svg {
+                                       svg {
+                                               width: 2.5rem;
+                                               height: 2.5rem;
+                                       }
+                               }
+                       }
+               }
+
+               @include breakpoint('<=small') {
+                       li {
+                               padding: 0 0.75em 0 0;
+                       }
+               }
+       }
+
+       div#backtotop {
+               @include position(fixed, null 1rem 1rem null);
+               a {
+                       border-bottom: none;
+                       span.inline-svg {
+                               svg {
+                                       width: 2rem;
+                                       height: 2rem;
+                               }
+                       }
+               }
        }
\ No newline at end of file