Modularity
Import the social providers you really need
Bulma-Social consists of .css files that you can
import
individually.
You can import them directly from node_modules:
@import "bulma-social/css/single/apple/apple.min.css'
@import 'bulma-social/css/single/bitbucket/bitbucket.min.css'
@import 'bulma-social/css/single/discord/discord.min.css'
@import 'bulma-social/css/single/dropbox/dropbox.min.css'
@import 'bulma-social/css/single/facebook/facebook.min.css'
@import 'bulma-social/css/single/flickr/flickr.min.css'
@import 'bulma-social/css/single/foursquare/foursquare.min.css'
@import 'bulma-social/css/single/github/github.min.css'
@import 'bulma-social/css/single/gitlab/gitlab.min.css'
@import 'bulma-social/css/single/instagram/instagram.min.css'
@import 'bulma-social/css/single/linkedin/linkedin.min.css'
@import 'bulma-social/css/single/microsoft/microsoft.min.css'
@import 'bulma-social/css/single/odnoklassniki/odnoklassniki.min.css'
@import 'bulma-social/css/single/openid/openid.min.css'
@import 'bulma-social/css/single/pinterest/pinterest.min.css'
@import 'bulma-social/css/single/reddit/reddit.min.css'
@import 'bulma-social/css/single/slack/slack.min.css'
@import 'bulma-social/css/single/soundcloud/soundcloud.min.css'
@import 'bulma-social/css/single/tumblr/tumblr.min.css'
@import 'bulma-social/css/single/twitter/twitter.min.css'
@import 'bulma-social/css/single/vimeo/vimeo.min.css'
@import 'bulma-social/css/single/vk/vk.min.css'
@import 'bulma-social/css/single/yahoo/yahoo.min.css'
@import 'bulma-social/css/single/youtube/youtube.min.css'or link them from your favourite CDN provider.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/apple/apple.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/bitbucket/bitbucket.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/discord/discord.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/dropbox/dropbox.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/facebook/facebook.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/flickr/flickr.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/foursquare/foursquare.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/github/github.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/gitlab/gitlab.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/instagram/instagram.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/linkedin/linkedin.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/microsoft/microsoft.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/odnoklassniki/odnoklassniki.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/openid/openid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/pinterest/pinterest.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/reddit/reddit.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/slack/slack.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/soundcloud/soundcloud.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/tumblr/tumblr.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/twitter/twitter.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/vimeo/vimeo.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/vk/vk.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/yahoo/yahoo.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@2/css/single/youtube/youtube.min.css">
Can I combine multiple social providers in 1 CSS file?
Sure, in the next page, you will learn how to compile your own CSS file.
Next Section