added curriculum section. Needs working.

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

diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss
index d8f303b..d2a02cb 100644 (file)
--- a/assets/sass/components/_icons.scss
+++ b/assets/sass/components/_icons.scss
@@ -54,16 +54,57 @@
                @include breakpoint('<=small') {
                        li {
                                padding: 0 0.75em 0 0;
+                               a {
+                                       span.inline-svg {
+                                               svg {
+                                                       width: 3rem;
+                                                       height: 3rem;
+                                               }
+                                       }
+                               }
                        }
                }
        }
 
-       ul.footer-socials {
+       ul.social-sharer {
                cursor: default;
                list-style: none;
                padding-left: 0;
 
-               li.social-link {
+               li {
+                       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: 4rem;
+                                               height: 4rem;
+                                       }
+                               }
+                       }
+               }
+
+               @include breakpoint('<=small') {
+                       li {
+                               padding: 0 0.75em 0 0;
+                       }
+               }
+       }
+
+       ul.footer-socials,
+       ul.footer-tools {
+               cursor: default;
+               list-style: none;
+               padding-left: 0;
+               text-align: center !important;
+
+               li {
                        display: inline-block;
                        padding: 0 1em 0 0;
 
@@ -100,4 +141,13 @@
                                }
                        }
                }
+       }
+
+       span.inline-svg {
+               &.small {
+                       svg {
+                               height: 1em;
+                               width: auto;
+                       }
+               }
        }
\ No newline at end of file