updating social login icons to use font-awesome equivalents instead of (possibly) proprietary icons

v1.18.x
Julian Lam 12 years ago
parent f05b5165c5
commit c63d6f75c2

3
.gitignore vendored

@ -5,7 +5,8 @@
npm-debug.log npm-debug.log
node_modules/ node_modules/
sftp-config.json sftp-config.json
config.json
public/config.json public/config.json
public/css/style.css public/css/*.css
*.sublime-project *.sublime-project
*.sublime-workspace *.sublime-workspace

@ -533,33 +533,16 @@ footer.footer {
} }
.alt-logins { .alt-logins {
margin: 0; margin: 0 0 0 1em;
padding: 0; padding: 0;
li { li {
vertical-align: top; vertical-align: top;
background: transparent; background: transparent;
display: none; display: none;
margin: 0.25em;
.pointer; .pointer;
&.google {
width: 32px;
height: 32px;
background-image: url('../images/google_login.png');
}
&.twitter {
width: 32px;
height: 32px;
background-image: url('../images/twitter_login.png');
}
&.facebook {
width: 32px;
height: 32px;
background-image: url('../images/facebook_login.png');
}
&.active { &.active {
.inline-block; .inline-block;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

@ -15,9 +15,9 @@
<div class="well span6 {alternate_logins:display}"> <div class="well span6 {alternate_logins:display}">
<h4>Alternative Logins</h4> <h4>Alternative Logins</h4>
<ul class="alt-logins"> <ul class="alt-logins">
<li data-url="/auth/twitter" class="twitter {twitter:display}"></li> <li data-url="/auth/twitter" class="twitter {twitter:display}"><i class="icon-twitter-sign icon-3x"></i></li>
<li data-url="/auth/google" class="google {google:display}"></li> <li data-url="/auth/google" class="google {google:display}"><i class="icon-google-plus-sign icon-3x"></i></li>
<li data-url="/auth/facebook" class="facebook {facebook:display}"></li> <li data-url="/auth/facebook" class="facebook {facebook:display}"><i class="icon-facebook-sign icon-3x"></i></li>
</ul> </ul>
</div> </div>
</div> </div>

Loading…
Cancel
Save