Social Buttons (CSS Classes)

[IamManchanda]

Motivation: http://mdbootstrap.com/components/social-buttons/

Can be a perfect partner to http://zurb.com/playground/foundation-icon-fonts-3

What it will help us achieve

<button type="button" class="button facebook">
  <i class="fi-social-facebook"></i>
</button>

Use Case: Can be very helpful for social login, sharing and more!

{{ Rest on you guys to decide }}

[ncoden]

This is not a bad idea, but I see a main problem: "Social Buttons" is a design modifier of Button, while social buttons can take a lot of different and various designs.

What design should we provide by default ?
Would most of the users have to customize their design anyway ?

[IamManchanda]

Provide a icon with white color ( or black if in case light background ) and background with the color of the social brand ..... simple buttons like normal foundation buttons

And let them decide to choose this

<button type="button" class="button facebook">
  <i class="fi-social-facebook"></i>
</button>

or this,

<button type="button" class="button facebook">
  <i class="fi-social-facebook"></i>Facebook 
</button>

or this ,

<button type="button" class="button facebook">
  <i class="fi-social-facebook"></i>Log in with Facebook 
</button>

Hope you get my idea ?

[IamManchanda]

To anyone concerned .... moving this to building blocks!