As per the instructions on the bulma site for customizing Bulma, how would I go about importing the 'sass/utilities/initial-variables'; file in my application.scss file?

The first screens hot shows that the latest commit was four months ago:

But on closer inspection the latest commit was far more recent:

Is there something wrong with github? Or is it me?

There is a new Bulma version out - 0.9:

https://github.com/jgthms/bulma/releases/tag/0.9.0

Interesting especially for the spacing helpers, I believe. Would be great to have an update on that. Thanks for all your efforts.

I think this line is giving me errors:

 gem.date = Date.today

It results in:

There was an error while loading bulma-rails.gemspec: uninitialized constant Date

I think this should be the release day of the gem version.

I am trying to deploy an app using Bulma to Heroku, but I get this error:

Precompiling assets failed.
Sass::SyntaxError: File to import not found or unreadable: bulma

Thanks for great work! Is there a plan to update to the new version?

Hello, would you be able to help me figure out how to override default variables in application.scss? I've tried a few simple examples inside application.scss to get proof of concept.

Attempt 1 doesn't work

// from the bulma customize page, but asset pipeline doesn't recognize
@import "../sass/utilities/initial-variables";
@import "../sass/utilities/functions";

Attempt 2 doesn't work

@import "bulma";
$primary: red;

Attempt 3 hack

I suppose I could override the classes themselves but I'm hoping to be able to figure out where to customize the variables.

@import "bulma";

.is-primary {
  background: red !important;
}

Any suggestions?

Thanks!

I followed instructions :
modify Gemfile and then run bundle..

But bulma-rails get installed in my ~/.rbenv/versions/... folder and my app/assets/stylesheets/ folder stay as it was before installation.

So what am I missing ?

Thanks for helping me

Rails 6.0.2.2
ruby 2.6.5p114 (2019-10-01 revision 67812) [x64-mingw32]

Gem file:

application.scss

Bundle installed:

Output:

bulma-rails uses sassc which uses libsass which is deprecated. It should now use dartsass.

Fixed in #13

I believe this was added on Oct 28th to bulma, but it isn't included in the official bulma 0.7.2 release notes. I'm trying to figure out why I see this in their documentation but it isn't working when I set it. I took a look at the bulma-rails gem and notice that the footer.scss file is actually missing the $footer-padding variable.

My apologies if there is confusion on my part, any help would be appreciated.

Basically, i'm trying to set $footer-variable and it isn't working.

Ruby Sass is deprecated! See https://sass-lang.com/ruby-sass for details.

I'm not familiar with ruby gems, but maybe replacing sass with sassc in gemspec is enough to fix this.

I've followed the steps described in the README and added @import "bulma"; to application.scss, but I'm receiving a Sass::SyntaxError whenever I attempt to load a page.

Do you have any idea of what the issue might be?

I have added both sass and sass-rails gems to my Gemfile and I'm using rails 4.2.8 and ruby 2.4.1

Edit:
I've identified the problem. Commenting out this line in my config/initializers/assets.rb solved it
Rails.application.config.assets.precompile += %w(*.js *.css *.scss *.sass)

Precompiling stuff apparently fucks it up. Is there any solution to this?

:not(input[type="submit"]) fails to find the selector,
i suggest to change all the occurrences into
:not([type="submit"])

otherwise it wont apply it's css

as per in:

/* line 27, /usr/local/bundle/gems/bulma-rails-0.6.1/app/assets/stylesheets/sass/layout/hero.sass */
.hero.is-primary .subtitle a:not(.button):not(imput[type="submit"]),
.hero.is-primary .subtitle strong {
  color: #fff;
}

Any thoughts on updating to the latest build of Bulma? If there aren't any immediate plans I may start working on the update on my off-time to contribute.

Hi! I'm currently considering Bulma as a strong candidate for my next project. I'm relative new to sass, so I would like to know which is the preferred method to use to compile Bulma, after 'npm install bulma'.

Congratulations, I'm delighted with what I saw till now...

Thanks for this gem. What is the correct way to import individual modules rather than the whole of bulma? Would it be possible to add a note to this effect into the README.rb?

from bulma-rails/app/assets/stylesheets/sass/elements/table.sass it is necessary to remove width: 100%

width: 100% must be specified with a special modifier is-fullwidth see bulma.io/documentation/elements/table/