circular.less
1.36 KB
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
@import url(../mixins.less);
.subscribe-and-connect-connect .icons {
list-style: none;
padding: 0;
margin: 0;
li {
display: inline-block;
padding: 0;
margin: 0 .5em .5em 0 !important;
border: 0;
}
a {
font-size: 1.5em;
padding: .5em;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
&:before {
color: #fff;
line-height: 2;
-webkit-border-radius: 100%;
border-radius: 100%;
}
&:hover {
opacity: 0.8;
}
}
.rss {
a:before {
background-color: @rss;
}
}
.twitter {
a:before {
background-color: @twitter;
}
}
.facebook {
a:before {
background-color: @facebook;
}
}
.pinterest {
a:before {
background-color: @pinterest;
}
}
.youtube {
a:before {
background-color: @youtube;
}
}
.instagram {
a:before {
background-color: @instagram;
}
}
.flickr {
a:before {
background-color: @flickr;
}
}
.google_plus {
a:before {
background-color: @google_plus;
}
}
.linkedin {
a:before {
background-color: @linkedin;
}
}
.vimeo {
a:before {
background-color: @vimeo;
}
}
.tumblr {
a:before {
background-color: @tumblr;
}
}
.dribbble {
a:before {
background-color: @dribbble;
}
}
.appdotnet {
a:before {
background-color: @appdotnet;
}
}
.github {
a:before {
background-color: @github;
}
}
}