![](https://versions.bulma.io/0.9.4/images/twitter/ale_codes.jpg)
After experimenting with @tailwindcss and finding that utility first css is just not my thing, Bulma felt like a breath of fresh air.
#webdevelopment #CSS
You are viewing the deprecated 0.9.4 version of the website. Click here to view the latest version
Their support contributes to the continuous development of Bulma and other open source software.
1
2
3
4
5
<div class="columns">
<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
<div class="column">5</div>
</div>
// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');
// Set your brand colors
$purple: #8A4D76;
$pink: #FA7C91;
$brown: #757763;
$beige-light: #D0D1CD;
$beige-lighter: #EFF0EB;
// Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif;
$grey-dark: $brown;
$grey-light: $beige-light;
$primary: $purple;
$link: $pink;
// Update some of Bulma's component variables
$control-border-width: 2px;
$input-background-color: $beige-lighter;
$input-border-color: transparent;
$input-shadow: none;
// Import the rest of Bulma
@import "../path/to/bulma";