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

This commit is contained in:
Julian Lam
2013-05-29 13:15:30 -04:00
parent f05b5165c5
commit c63d6f75c2
6 changed files with 7 additions and 23 deletions

3
.gitignore vendored
View File

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

View File

@@ -533,33 +533,16 @@ footer.footer {
}
.alt-logins {
margin: 0;
margin: 0 0 0 1em;
padding: 0;
li {
vertical-align: top;
background: transparent;
display: none;
margin: 0.25em;
.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 {
.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

View File

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