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; |
467d7300 |
57 | a { |
58 | span.inline-svg { |
59 | svg { |
60 | width: 3rem; |
61 | height: 3rem; |
62 | } |
63 | } |
64 | } |
748286b5 |
65 | } |
66 | } |
b8ef5fe0 |
67 | } |
68 | |
26ee5f4d |
69 | ul.social-sharer { |
b8ef5fe0 |
70 | cursor: default; |
71 | list-style: none; |
72 | padding-left: 0; |
73 | |
26ee5f4d |
74 | li { |
75 | display: inline-block; |
76 | padding: 0 1em 0 0; |
77 | |
78 | &:last-child { |
79 | padding-right: 0; |
80 | } |
81 | a { |
82 | border-bottom: none; |
83 | text-decoration: none; |
84 | span.inline-svg { |
85 | svg { |
86 | width: 4rem; |
87 | height: 4rem; |
88 | } |
89 | } |
90 | } |
91 | } |
92 | |
93 | @include breakpoint('<=small') { |
94 | li { |
95 | padding: 0 0.75em 0 0; |
96 | } |
97 | } |
98 | } |
99 | |
100 | ul.footer-socials, |
101 | ul.footer-tools { |
102 | cursor: default; |
103 | list-style: none; |
104 | padding-left: 0; |
467d7300 |
105 | text-align: center !important; |
26ee5f4d |
106 | |
107 | li { |
b8ef5fe0 |
108 | display: inline-block; |
109 | padding: 0 1em 0 0; |
110 | |
111 | &:last-child { |
112 | padding-right: 0; |
113 | } |
114 | a { |
115 | border-bottom: none; |
116 | text-decoration: none; |
117 | span.inline-svg { |
118 | svg { |
119 | width: 2.5rem; |
120 | height: 2.5rem; |
121 | } |
122 | } |
123 | } |
124 | } |
125 | |
126 | @include breakpoint('<=small') { |
127 | li { |
128 | padding: 0 0.75em 0 0; |
129 | } |
130 | } |
131 | } |
132 | |
133 | div#backtotop { |
134 | @include position(fixed, null 1rem 1rem null); |
135 | a { |
136 | border-bottom: none; |
137 | span.inline-svg { |
138 | svg { |
139 | width: 2rem; |
140 | height: 2rem; |
141 | } |
142 | } |
143 | } |
07a590fe |
144 | } |
145 | |
146 | span.inline-svg { |
147 | &.small { |
148 | svg { |
149 | height: 1em; |
150 | width: auto; |
151 | } |
152 | } |
748286b5 |
153 | } |