xref: /plugin/oauth/style.less (revision 98a3611675f696f14f2d12205fb81f7db0cf7b25) 
1.plugin_oauth_button(@color) {
2    border-top: 1px solid lighten(@color, 20%);
3    border-left: 1px solid lighten(@color, 20%);
4    border-right: 1px solid darken(@color, 20%);
5    border-bottom: 1px solid darken(@color, 20%);
6    background-color: @color;
7}
8
9#dw__login {
10    .plugin_oauth {
11
12        a {
13            padding: 10px 20px;
14            margin: 5px;
15            line-height: 50px;
16            background-position: 10px center;
17            background-repeat: no-repeat;
18            color: #fff;
19            text-decoration: none;
20            font-weight: bold;
21            .plugin_oauth_button(#999);
22        }
23
24        a.plugin_oauth_Facebook {
25            .plugin_oauth_button(#3b5998);
26            background-image: url(images/facebook.png);
27            padding-left: (20px+24px);
28        }
29
30        a.plugin_oauth_Auth0 {
31            .plugin_oauth_button(#d0d2d3);
32            background-image: url(https://cdn.auth0.com/styleguide/1.0.0/img/badge.png);
33            padding-left: (20px+24px);
34            background-size: 22px 24px;
35            color:#5c666f;
36        }
37
38        a.plugin_oauth_Google {
39            .plugin_oauth_button(#DC4A38);
40            background-image: url(images/google.png);
41            padding-left: (20px+24px);
42        }
43
44        a.plugin_oauth_Github {
45            .plugin_oauth_button(#404041);
46            background-image: url(images/github.png);
47            padding-left: (20px+24px);
48        }
49
50        a.plugin_oauth_Yahoo {
51            .plugin_oauth_button(#7B0099);
52            background-image: url(images/yahoo.png);
53            padding-left: (20px+24px);
54        }
55
56    }
57}