forked from noizwaves/bootstrap-social-buttons
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsocial-buttons.less
68 lines (51 loc) · 2.07 KB
/
social-buttons.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
//
// Bootstrap Social Buttons
// --------------------------------------------------
// The colours
// --------------------------------------------------
// Facebook colours from ???
@btnFacebookBackground: #3B5998;
@btnFacebookBackgroundHighlight: #133783;
// Twitter colours from https://twitter.com/
@btnTwitterBackground: #2daddc;
@btnTwitterBackgroundHighlight: #0271bf;
// Github colours from http://ghbtns.com/
@btnGithubBackground: #fafafa;
@btnGithubBackgroundHighlight: #e6e6e6;
@btnGithubText: #000000;
@btnGithubTextShadow: 0 0.7px 0 rgba(0,0,0,.1);
// Pinterest colours from http://pinterest.com/
@btnPinterestBackground: #d62229;
@btnPinterestBackgroundHighlight: #ab171e;
// Linkedin colours from http://www.linkedin.com/
@btnLinkedinBackground: #73b8db;
@btnLinkedinBackgroundHighlight: #4393BB;
// Google Plus colours from https://accounts.google.com/ServiceLogin?service=oz&continue=https://plus.google.com/?gpsrc%3Dgplp0%26partnerid%3Dgplp0&hl=en-GB
@btnGooglePlusBackground: #dd4b39;
@btnGooglePlusBackgroundHighlight: #c53727;
// Instagram colours from http://instagram.com
@btnInstagramBackground: #6f97b6;
@btnInstagramBackgroundHighlight: #3f729b;
// The social buttons
// --------------------------------------------------
.btn-facebook {
.buttonBackground(@btnFacebookBackground, @btnFacebookBackgroundHighlight);
}
.btn-twitter {
.buttonBackground(@btnTwitterBackground, @btnTwitterBackgroundHighlight);
}
.btn-github {
.buttonBackground(@btnGithubBackground, @btnGithubBackgroundHighlight, @btnGithubText, @btnGithubTextShadow);
}
.btn-pinterest {
.buttonBackground(@btnPinterestBackground, @btnPinterestBackgroundHighlight);
}
.btn-linkedin {
.buttonBackground(@btnLinkedinBackground, @btnLinkedinBackgroundHighlight);
}
.btn-google-plus {
.buttonBackground(@btnGooglePlusBackground, @btnGooglePlusBackgroundHighlight);
}
.btn-instagram {
.buttonBackground(@btnInstagramBackground, @btnInstagramBackgroundHighlight);
}