appellation / google-signin-button

Customizing the Google sign-in button

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Google Sign-in Button

Scalable implementations of the Google sign-in button, as specified in the Google sign-in branding guidelines. Currently does not support style changes based on CSS pseudo-selectors such as :hover or :focus.

Usage

  1. bower install google-signin-button
  2. Specify the location of your Google logo for span.google-icon
  3. Insert the button HTML where you want the button to appear

In order to adjust the dimensions of the button, change the $height in button.sass. Width is set to 100%, but it can be modified by changing $width. Note: the dimensions of the button are not dependent on its width, so watch out for text overflow issues.

You should additionally import the Roboto font for proper text styling.

CSS only

If you're using only the CSS, changing the height from the default 40px will involve some math; refer to the SASS file for some hints. However, the same usage steps apply.

About

Customizing the Google sign-in button

License:ISC License


Languages

Language:CSS 60.1%Language:HTML 23.4%Language:JavaScript 16.4%