added various SVG and fixed display of footer and some shortcodes. Initial fix of...
[theme-danix.xyz.git] / assets / sass / components / _icons.scss
CommitLineData
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 }