748286b5 |
1 | /// |
2 | /// Forty by HTML5 UP |
3 | /// html5up.net | @ajlkn |
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
5 | /// |
6 | |
7 | /* Icons */ |
8 | |
9 | ul.icons { |
10 | cursor: default; |
11 | list-style: none; |
12 | padding-left: 0; |
13 | |
14 | li { |
15 | display: inline-block; |
16 | padding: 0 1em 0 0; |
17 | |
18 | &:last-child { |
19 | padding-right: 0; |
20 | } |
21 | } |
22 | |
23 | @include breakpoint('<=small') { |
24 | li { |
25 | padding: 0 0.75em 0 0; |
26 | } |
27 | } |
28 | } |
29 | |
30 | ul.social-sites { |
31 | cursor: default; |
32 | list-style: none; |
33 | padding-left: 0; |
34 | |
35 | li { |
36 | display: inline-block; |
37 | padding: 0 1em 0 0; |
38 | |
39 | &:last-child { |
40 | padding-right: 0; |
41 | } |
42 | a { |
b8ef5fe0 |
43 | border-bottom: none; |
748286b5 |
44 | text-decoration: none; |
45 | span.inline-svg { |
46 | svg { |
47 | width: 4rem; |
48 | height: 4rem; |
49 | } |
50 | } |
51 | } |
52 | } |
53 | |
54 | @include breakpoint('<=small') { |
55 | li { |
56 | padding: 0 0.75em 0 0; |
57 | } |
58 | } |
b8ef5fe0 |
59 | } |
60 | |
61 | ul.footer-socials { |
62 | cursor: default; |
63 | list-style: none; |
64 | padding-left: 0; |
65 | |
66 | li.social-link { |
67 | display: inline-block; |
68 | padding: 0 1em 0 0; |
69 | |
70 | &:last-child { |
71 | padding-right: 0; |
72 | } |
73 | a { |
74 | border-bottom: none; |
75 | text-decoration: none; |
76 | span.inline-svg { |
77 | svg { |
78 | width: 2.5rem; |
79 | height: 2.5rem; |
80 | } |
81 | } |
82 | } |
83 | } |
84 | |
85 | @include breakpoint('<=small') { |
86 | li { |
87 | padding: 0 0.75em 0 0; |
88 | } |
89 | } |
90 | } |
91 | |
92 | div#backtotop { |
93 | @include position(fixed, null 1rem 1rem null); |
94 | a { |
95 | border-bottom: none; |
96 | span.inline-svg { |
97 | svg { |
98 | width: 2rem; |
99 | height: 2rem; |
100 | } |
101 | } |
102 | } |
748286b5 |
103 | } |