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 | |
26ee5f4d |
61 | ul.social-sharer { |
b8ef5fe0 |
62 | cursor: default; |
63 | list-style: none; |
64 | padding-left: 0; |
65 | |
26ee5f4d |
66 | li { |
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: 4rem; |
79 | height: 4rem; |
80 | } |
81 | } |
82 | } |
83 | } |
84 | |
85 | @include breakpoint('<=small') { |
86 | li { |
87 | padding: 0 0.75em 0 0; |
88 | } |
89 | } |
90 | } |
91 | |
92 | ul.footer-socials, |
93 | ul.footer-tools { |
94 | cursor: default; |
95 | list-style: none; |
96 | padding-left: 0; |
97 | |
98 | li { |
b8ef5fe0 |
99 | display: inline-block; |
100 | padding: 0 1em 0 0; |
101 | |
102 | &:last-child { |
103 | padding-right: 0; |
104 | } |
105 | a { |
106 | border-bottom: none; |
107 | text-decoration: none; |
108 | span.inline-svg { |
109 | svg { |
110 | width: 2.5rem; |
111 | height: 2.5rem; |
112 | } |
113 | } |
114 | } |
115 | } |
116 | |
117 | @include breakpoint('<=small') { |
118 | li { |
119 | padding: 0 0.75em 0 0; |
120 | } |
121 | } |
122 | } |
123 | |
124 | div#backtotop { |
125 | @include position(fixed, null 1rem 1rem null); |
126 | a { |
127 | border-bottom: none; |
128 | span.inline-svg { |
129 | svg { |
130 | width: 2rem; |
131 | height: 2rem; |
132 | } |
133 | } |
134 | } |
748286b5 |
135 | } |