Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

CSS3 Social Sign-in Buttons with icons. Small and large sizes.

branch: gh-pages

Prevent button text being selectable

In browsers that support it, prevent the text of the buttons from being
selectable.
latest commit 5ec8a893cd
Nicolas Gallagher authored
Octocat-spinner-32 .gitignore Initial commit November 20, 2011
Octocat-spinner-32 README.md Rewrite README May 07, 2013
Octocat-spinner-32 auth-buttons.css Prevent button text being selectable May 07, 2013
Octocat-spinner-32 auth-icons.png Use the correct Twitter logo May 07, 2013
Octocat-spinner-32 index.html Make some of the examples buttons May 07, 2013
README.md

CSS3 Social Sign-in Buttons

CSS3 Social Sign-in Buttons with icons. Small and large sizes.

Installation

  • Bower: bower install --save necolas/css3-social-signin-buttons
  • Download: zip or tar formats.
  • Git: git clone git://github.com/necolas/css3-social-signin-buttons.git

Buttons

Default

To create the default sign-in button, add a class of btn-auth and btn-[service] (where [service] is one of the supported social sign-in services) to any appropriate element (most likely an anchor).

<a class="btn-auth btn-[service]" href="#">
    Sign in with <b>[service]</b>
</a>

Large

To create large buttons include an additional class of large.

<a class="btn-auth btn-[service] large" href="#">
    Sign in with <b>[service]</b>
</a>

Supported services

  • Facebook
  • GitHub
  • Google
  • OpenID
  • Twitter
  • Windows Live ID
  • Yahoo!

Browser support

  • Google Chrome
  • Firefox 3.5+
  • Safari 4+
  • IE 8+
  • Opera

Note: Some CSS3 enhancements are not supported in older versions of Opera and IE. The use of icons is not supported in IE 6 or IE 7.

License

Public domain: http://unlicense.org

Something went wrong with that request. Please try again.