1.4 可定制

Bulma有300多個變量，幾乎可以覆蓋Bulma中的所有屬性，因此可以高度定義個性化設置。

使用SASS，可以設置初始變量，比如覆蓋blue的顏色值、設置默認字體甚至各種響應式斷點。

    // 1．導入默認變量
    @import "../sass/utilities/initial-variables"
    @import "../sass/utilities/functions"


    // 2．設置初始變量
    // 更新blue的顏色值
    $blue: #72d0eb


    // 設置pink和pink-invert顏色值


    $pink: #ffb3b3
    $pink-invert: #fff


    // 添加serif字體
    $family-serif: "Merriweather", "Georgia", serif


    // 3．設置衍生的變量值
    // 將新設置的pink色作為默認主色調
    $primary: $pink
    $primary-invert: $pink-invert


    // 將默認的orange色作為危險色號
    $danger: $orange


    // 使用新設置的serif字體
    $family-primary: $family-serif


    // 4．導入其余Bulma代碼
    @import "../bulma"

每一個Bulma組件都有自己的變量集合：

? box組件具有陰影；

? columns有默認空白；

? menu有默認的背景色和前景色；

? button和input的每一種狀態（懸浮、活躍、選中）都有對應顏色；

? ……

每個文檔頁面都有可覆蓋的變量列表。