Buttons Styles
Social Classes
.is-apple
#000000
.is-bitbucket
#204F7E
.is-dropbox
#0061FF
.is-discord
#7289DA
.is-facebook
#1877F2
.is-flickr
#2BA9E1
.is-foursquare
#F94877
.is-github
#24292E
.is-gitlab
#E65328
.is-instagram
#EE5262
.is-linkedin
#0A66C2
.is-microsoft
#0067B8
.is-odnoklassniki
#EC7E09
.is-openid
#EE7C2B
.is-pinterest
#E60023
.is-reddit
#FF4500
.is-slack
#611F69
.is-soundcloud
#FF5500
.is-tumblr
#34526F
.is-twitter
#1DA1F2
.is-vimeo
#00ADEF
.is-vk
#5181B8
.is-yahoo
#400090
.is-youtube
#FF0000
Disable Hover Animation
.no-animation
Is there a social provider missing?
Submit a Pull Request!Different Sizes
Available Text Styles
.has-text-<social-provider>
.has-text-<social-provider>-light
.has-text-<social-provider>-dark
Available Background Styles
.has-background-<social-provider>
.has-background-<social-provider>-light
.has-background-<social-provider>-dark
Check them out in real projects
Install
Bulma-Social is compatible with all icon font libraries: Font Awesome 5, Font Awesome 4, Material Design Icons, Ionicons, etc.
Examples
In the examples below, we are goint to use Font Awesome 5.
Start using the buttons as you would normally do adding additionally the social class. For example:
Buttons with text
Icon Buttons
Text colors
Background colors