HOW TO EXTEND SASS FRAMEWORKS PROPERLY Really why has no one discussed this. In order to extend a SASS framework, like bulma, properly is to first use the provided customization features. This means defining some variables: .... $myvar: blue; .... But you also want *this* to be customizable also! To do this we use the `!default` keyword defined in SASS: .... $myvar: blue !default; .... Great, now what? OVERRIDING STYLES, MIXINS, AND WHATEVER ELSE There are two ways to go about this: . Split your variables and styling into two files, and include bulma in the middle of everything. . Include parts of bulma in the middle of your files. I believe the latter is the best way to do this since it keeps a high level of locality but remains flexible. .... @import 'myvar-file'; @import 'bulma/components/dropdown'; .mystyle { @include mixin-from-file; } .... And that's it!