UNPKG

5.92 kBCSSView Raw
1.social-likes,
2.social-likes__widget,
3.social-likes__button {
4 animation: none 0s ease 0s 1 normal none running;
5 backface-visibility: visible;
6 background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
7 border: medium none currentColor;
8 border-collapse: separate;
9 border-image: none;
10 border-radius: 0;
11 border-spacing: 0;
12 bottom: auto;
13 box-shadow: none;
14 box-sizing: content-box;
15 caption-side: top;
16 clear: none;
17 clip: auto;
18 color: #000;
19 columns: auto;
20 column-count: auto;
21 column-fill: balance;
22 column-gap: normal;
23 column-rule: medium none currentColor;
24 column-span: 1;
25 column-width: auto;
26 content: normal;
27 counter-increment: none;
28 counter-reset: none;
29 cursor: auto;
30 direction: ltr;
31 display: inline;
32 empty-cells: show;
33 float: none;
34 font-family: serif;
35 font-size: medium;
36 font-style: normal;
37 font-variant: normal;
38 font-weight: normal;
39 font-stretch: normal;
40 line-height: normal;
41 height: auto;
42 hyphens: none;
43 left: auto;
44 letter-spacing: normal;
45 list-style: disc outside none;
46 margin: 0;
47 max-height: none;
48 max-width: none;
49 min-height: 0;
50 min-width: 0;
51 opacity: 1;
52 orphans: 2;
53 outline: medium none invert;
54 overflow: visible;
55 overflow-x: visible;
56 overflow-y: visible;
57 padding: 0;
58 page-break-after: auto;
59 page-break-before: auto;
60 page-break-inside: auto;
61 perspective: none;
62 perspective-origin: 50% 50%;
63 position: static;
64 right: auto;
65 tab-size: 8;
66 table-layout: auto;
67 text-align: left;
68 text-align-last: auto;
69 text-decoration: none;
70 text-indent: 0;
71 text-shadow: none;
72 text-transform: none;
73 top: auto;
74 transform: none;
75 transform-origin: 50% 50% 0;
76 transform-style: flat;
77 transition: none 0s ease 0s;
78 unicode-bidi: normal;
79 vertical-align: baseline;
80 visibility: visible;
81 white-space: normal;
82 widows: 2;
83 width: auto;
84 word-spacing: normal;
85 z-index: auto;
86 all: initial;
87 box-sizing: border-box;
88}
89.social-likes::before,
90.social-likes::after,
91.social-likes__widget::before,
92.social-likes__widget::after,
93.social-likes__button::before,
94.social-likes__button::after {
95 display: none;
96}
97.social-likes {
98 opacity: 0;
99}
100.social-likes_visible {
101 opacity: 1;
102 transition: opacity 0.25s ease-in;
103}
104.social-likes > * {
105 display: block;
106 visibility: hidden;
107}
108.social-likes_visible > * {
109 visibility: inherit;
110}
111.social-likes {
112 display: -webkit-flex;
113 display: flex;
114 -webkit-flex-wrap: wrap;
115 flex-wrap: wrap;
116 font-size: 16px;
117}
118.social-likes__widget {
119 display: block;
120 position: relative;
121 white-space: nowrap;
122 cursor: pointer;
123 font-size: inherit;
124 line-height: inherit;
125}
126.social-likes__button {
127 display: block;
128 text-rendering: optimizeLegibility;
129 font-family: 'Helvetica Neue', Arial, sans-serif;
130 line-height: inherit;
131 color: inherit;
132 cursor: pointer;
133 -webkit-user-select: none;
134 -moz-user-select: none;
135 -ms-user-select: none;
136 user-select: none;
137}
138.social-likes__invisible-button {
139 display: block;
140 width: 100%;
141 height: 100%;
142}
143.social-likes__icon {
144 position: absolute;
145 fill: currentColor;
146 width: 1em;
147 height: 1em;
148}
149.social-likes__widget_notext .social-likes__icon {
150 position: static;
151 display: block;
152 margin: 0.3125em;
153}
154.social-likes_vertical {
155 -webkit-flex-direction: column;
156 flex-direction: column;
157}
158.social-likes {
159 min-height: 36px;
160 margin: -0.3em;
161 line-height: 1.35;
162}
163.social-likes__widget {
164 margin: 0.3em;
165 color: #333;
166 background: #fff;
167 border: 1px solid #ccc;
168 border-radius: 0.1875em;
169}
170.social-likes__widget:hover,
171.social-likes__widget:active,
172.social-likes__widget:focus,
173.social-likes__widget:hover .social-likes__icon,
174.social-likes__widget:active .social-likes__icon,
175.social-likes__widget:focus .social-likes__icon {
176 -webkit-font-smoothing: antialiased;
177 -moz-osx-font-smoothing: grayscale;
178 color: #fff;
179}
180.social-likes__button {
181 padding: 0.1875em 0.4em 0.25em 1.7em;
182 vertical-align: middle;
183 font-size: 0.875em;
184 font-weight: normal;
185}
186.social-likes__icon {
187 top: 0.25em;
188 left: 0.25em;
189}
190.social-likes_vertical .social-likes__widget {
191 width: 10em;
192}
193.social-likes__widget_facebook:hover,
194.social-likes__widget_facebook:active,
195.social-likes__widget_facebook:focus {
196 background: #425497;
197 border-color: #425497;
198}
199.social-likes__icon_facebook {
200 color: #425497;
201}
202.social-likes__widget_twitter:hover,
203.social-likes__widget_twitter:active,
204.social-likes__widget_twitter:focus {
205 background: #00b7ec;
206 border-color: #00b7ec;
207}
208.social-likes__icon_twitter {
209 color: #00b7ec;
210}
211.social-likes__widget_plusone:hover,
212.social-likes__widget_plusone:active,
213.social-likes__widget_plusone:focus {
214 background: #dd4241;
215 border-color: #dd4241;
216}
217.social-likes__icon_plusone {
218 color: #dd4241;
219}
220.social-likes__widget_vkontakte:hover,
221.social-likes__widget_vkontakte:active,
222.social-likes__widget_vkontakte:focus {
223 background: #526e8f;
224 border-color: #526e8f;
225}
226.social-likes__icon_vkontakte {
227 color: #526e8f;
228}
229.social-likes__widget_odnoklassniki:hover,
230.social-likes__widget_odnoklassniki:active,
231.social-likes__widget_odnoklassniki:focus {
232 background: #f6903b;
233 border-color: #f6903b;
234}
235.social-likes__icon_odnoklassniki {
236 color: #f6903b;
237}
238.social-likes__widget_pinterest:hover,
239.social-likes__widget_pinterest:active,
240.social-likes__widget_pinterest:focus {
241 background: #cc002b;
242 border-color: #cc002b;
243}
244.social-likes__icon_pinterest {
245 color: #cc002b;
246}
247.social-likes__widget_telegram:hover,
248.social-likes__widget_telegram:active,
249.social-likes__widget_telegram:focus {
250 background: #34abde;
251 border-color: #34abde;
252}
253.social-likes__icon_telegram {
254 color: #34abde;
255}
256.social-likes__widget_linkedin:hover,
257.social-likes__widget_linkedin:active,
258.social-likes__widget_linkedin:focus {
259 background: #0077b5;
260 border-color: #0077b5;
261}
262.social-likes__icon_linkedin {
263 color: #0077b5;
264}