Releases: aldi/bulma-social
3.1.0
✨ New
- Add X provider
📚 Docs
- Add a dedicated Migration Guide for upgrading from v1/v2 to v3
- Add homepage version badge and text-selection styling polish
🛠️ Tooling
- Add a new CI workflow for pull requests (library + docs validation)
- Add provider sync validation (
npm run check:providers) - Add CI guard to verify generated CSS assets are committed
- Move docs deploy workflow to Node.js 24
📦 Dependencies
- Update build dependencies (
autoprefixer,rimraf,sass)
3.0.1
📦 Dependencies
- Add
bulmaas a peer dependency (>=1.0.0)
🛠️ Tooling
- Add
.nvmrcfiles for consistent Node.js versions
📚 Docs
- Extract install command UI into a reusable component
- Cache Shiki highlighting and harden copy-to-clipboard behavior
- Clarify Bulma requirement in docs
- Simplify README header links and minor docs layout tweaks
3.0.0
A complete architecture overhaul focused on maintainability, performance, and developer experience.
⚠️ Breaking Changes
- Button transitions are now disabled by default — use
.is-animatedto opt-in - SCSS files use underscore prefix convention (e.g.,
_button.scss) - Removed
combineSocialProviders()function — colors are now centralized - Single provider files moved to
sass/social-providers/single/
✨ What's New
Opt-in Button Animations
<button class="button is-facebook is-animated">Facebook</button>Dark Button Variant
<button class="button is-facebook is-dark">Facebook</button>Centralized Color System
Adding a new provider is now a one-liner in sass/utilities/_providers.scss.
🏗️ Under the Hood
- Unified build script using Sass JS API + PostCSS
- Reduced dependencies from 7 → 5 packages
- Build time: ~0.7s for all 50 CSS files
- Complete docs rewrite with Next.js
2.1.0
2.0.0
BIG UPDATE - BREAKING CHANGES
The css files are now located in the css folder:
before: bin/bulma-social.min.css
after: css/all.min.css
Visit the documentation page for more information.
New Features
Selective Import
Import the Social Providers that you really need.
Sass Support
Sass files and functions are based on the original work of @jgthms (Bulma creator).
New Colors and Classes
Colors are generated with Bulma's original functions for seamless integration with your project.
You can now use:
.is-inverted
.is-outlined
.is-light
along with the Social Providers classes.
In addition, you can use these classes independently:
.has-text-<socialprovider>
.has-text-<socialprovider>-light
.has-text-<socialprovider>-dark
.has-background-<socialprovider>
.has-background-<socialprovider>-light
.has-background-<socialprovider>-dark
New Scripts
Compile your own Bulma Social all.min.css file with the Social Providers you really need.
You can find the scripts in the package.json file and the steps in the documentation.
Browser Compatibility
New vendor prefixes for the most popular browsers (thanks to Autoprefixer)
Updated
- Discord colors (Pull Request #7 by @nathanchere - Fixes Issue #6)
- Facebook colors
- Github colors
- Gitlab colors
- Instagram colors
- LinkedIn colors
- Microsoft colors
- Okru colors
- Openid colors
- Pinterest colors
- Reddit colors
- Tumblr colors
- Twitter colors
- Vimeo colors
- VK colors
- Yahoo colors
1.2.0
- New: Apple buttons and styles. (Pull Request #5 by @mariotaddeucci)
- Updated: Border color of buttons is now transparent.
- Updated: Reddit colors and styles.
- Fixed: Round buttons are now round.
- Fixed:
disabledbutton styles. - Fixed: You can now use
.is-active,.is-focusedand.is-hoveredclasses. - Fixed: Instagram static colours.
- Removed: Unused
.badgeand.dropdown-togglestyles. - Removed: App.net colors and styles.
- Removed: Google colors and styles.
1.1.1
1.1.0
- New: GitLab buttons and styles (Pull Request #1 by @nathanchere).
- New: Button animations (by default) on button hover (cubic-bezier effect).
- New:
no-animationclass to disable button animations. - New: New tabs on the right column to preview normal/rounded/loading and static button types.
- Updated: Instagram colours.