LESS Social Sign-in Buttons with icons. Small and large sizes
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
auth-buttons.less
auth-icons.png

README.md

LESS Social Sign-in Buttons

By Maciej Skierkowski forked from CSS3 Social Sign-in Buttons

Same functionality as before, but now built with LESS.

Standard buttons

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).

HTML:

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

HAML:

%a.btn-auth.btn-[service](href="#")
  Sign in with
  %b [service]

Larger buttons

To create large buttons include an additional class of large

HTML:

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

HAML:

%a.btn-auth.btn-[service].large(href="#")
  Sign in with
  %b [service]

Supported services

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

Source code

Available on GitHub: skierkowski/less-social-signin-buttons

Download it in either zip or tar formats.

Clone the project with Git by running: $ git clone git://github.com/skierkowski/less-social-signin-buttons.git

Browser compatibility

Full support: Google Chrome, Firefox 3.5+, Safari 4+, IE 10+, Opera 11.10+.

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