Changeset View
Changeset View
Standalone View
Standalone View
_sass/social.scss
- This file was added.
1 | .kSocialLinks { | ||||
---|---|---|---|---|---|
2 | line-height: 50px; | ||||
3 | } | ||||
4 | | ||||
5 | .kSocialLinks a { | ||||
6 | display: inline-block; | ||||
7 | color: #fafafa; | ||||
8 | background: #27AE60; | ||||
9 | position: relative; | ||||
10 | text-indent: -9999px; | ||||
11 | width: 24px; | ||||
12 | line-height: 30px; | ||||
13 | padding: 0px 10px; | ||||
14 | border-radius: 3px; | ||||
15 | transition: all .2s; | ||||
16 | } | ||||
17 | | ||||
18 | .kSocialLinks a:after { | ||||
19 | content: "@"; | ||||
20 | font-family: 'glyph'; | ||||
21 | font-size: 24px; | ||||
22 | text-indent: 0px; | ||||
23 | color: #fafafa; | ||||
24 | position: absolute; | ||||
25 | top: 0px; | ||||
26 | left: 0px; | ||||
27 | right: 0px; | ||||
28 | text-align: center; | ||||
29 | } | ||||
30 | | ||||
31 | .kSocialLinks a.shareFacebook { background-color: #2980b9; } | ||||
32 | .kSocialLinks a.shareGoogle { background-color: #d35400; } | ||||
33 | .kSocialLinks a.shareTwitter { background-color: #3daefd; } | ||||
34 | .kSocialLinks a.shareForum { background-color: #0068c6; } | ||||
35 | .kSocialLinks a.shareTelegram { background-color: #2ca5e0; } | ||||
36 | | ||||
37 | .kSocialLinks a.shareFacebook:hover { background-color: #3498db; } | ||||
38 | .kSocialLinks a.shareGoogle:hover { background-color: #f67400; } | ||||
39 | .kSocialLinks a.shareTwitter:hover { background-color: #70c3fe; } | ||||
40 | .kSocialLinks a.shareForum:hover { background-color: #1078d6; } | ||||
41 | .kSocialLinks a.shareTelegram:hover { background-color: #2ca5e0; } | ||||
42 | | ||||
43 | .kSocialLinks a.shareFacebook:after { content: "F"; } | ||||
44 | .kSocialLinks a.shareGoogle:after { content: "G"; } | ||||
45 | .kSocialLinks a.shareTwitter:after { content: "T"; } | ||||
46 | .kSocialLinks a.shareForum:after { content: "K"; } | ||||
47 | .kSocialLinks a.shareTelegram:after { content: "↗"; } | ||||
48 | | ||||
49 | | ||||
50 | |