1/* =Socialite Plugin
2----------------------------------------------- */
3
4.socialite{
5    .icon{
6        a {
7            background-color: @ini_theme_color;
8            color: @ini_background !important;
9            box-shadow: none !important;
10            padding-top: 5px !important;
11            padding-bottom: 5px !important;
12            padding-left: 35px !important;
13            padding-right: 10px !important;
14            background-position-x: 10px !important;
15            transition: filter 0.3s ease;
16        }
17        a.twitter{
18            background-color: #1da1f3;
19            border-color: #1da1f3;
20            color: #fff !important;
21        }
22        a.facebook{
23            background-color: #3b5998;
24            border-color: #3b5998;
25            color: #fff !important;
26        }
27        a.linkedin{
28            background-color: #0077b5;
29            border-color: #0077b5;
30            color: #fff !important;
31        }
32        a.reddit{
33            background-color: #ff4500;
34            border-color: #ff4500;
35            color: #fff !important;
36        }
37        a.telegram{
38            background-color: #1d94d3;
39            border-color: #1d94d3;
40            color: #fff !important;
41        }
42        a.email{
43            background-color: #0c6c51;
44            border-color: #0c6c51;
45            color: #fff !important;
46        }
47        a:hover,
48        a:focus,
49        a:active {
50            filter: brightness(80%);
51        }
52    }
53}
54