-
Notifications
You must be signed in to change notification settings - Fork 27
/
materialize-social.less
76 lines (67 loc) · 1.61 KB
/
materialize-social.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
69
70
71
72
73
74
75
76
.btn, .btn-large, .col{
&.social {
> :first-child {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
}
&.social {
padding: 0 2rem 0 0;
i {
padding: 0 1rem;
margin-right: 1rem;
}
}
&.social-icon {
padding: 0;
i{
padding: 0 1rem;
margin-right: 0;
}
}
}
.btn-large{
&.social-icon {
padding: 0 1rem;
}
}
.col{
&.social {
width:100%;
text-align: left;
i.fa-fw {
width: 3.2rem;
}
}
}
.social(@color-bg, @color: #fff) {
background-color: @color-bg !important;
color:@color !important;
i{
color:@color !important;
}
&:hover{
background-color: lighten(@color-bg, 10%) !important;
}
}
.adn { .social(#d87a68); }
.bitbucket { .social(#205081); }
.dropbox { .social(#1087dd); }
.facebook { .social(#3b5998); }
.flickr { .social(#ff0084); }
.foursquare { .social(#f94877); }
.github { .social(#444444); }
.google { .social(#dd4b39); }
.instagram { .social(#405de6); }
.linkedin { .social(#007bb6); }
.microsoft { .social(#2672ec); }
.windows { .social(#2672ec); }
.odnoklassniki { .social(#f4731c); }
.openid { .social(#f7931e); }
.pinterest { .social(#cb2027); }
.reddit { .social(#eff7ff, #000); }
.soundcloud { .social(#ff5500); }
.tumblr { .social(#2c4762); }
.twitter { .social(#55acee); }
.vimeo { .social(#1ab7ea); }
.vk { .social(#587ea3); }
.yahoo { .social(#720e9e); }