rails 4 problems pushing on heroku - invalid CSS - bootstrap expression

Question

To make it short, I am using this CSS code in my app:

@media (min-width: @screen-md;) {
    div.content-wrap-mobile {
        display: none;
    }
}

works fine on localhost. It is simply hiding a div when the resolution goes below XYpx. According to the Bootstrap docu, this is valid CSS code: http://getbootstrap.com/css/#grid

Now, when pushing on heroku I get this:

rake aborted!
Invalid CSS after "...ia (min-width: ": expected expression (e.g. 1px, bold), was "@screen-md;) {"

What do I do wrong? I've followed this answer here to configure my production.rb: Can't get CSS working on Heroku using Rails 4 with bootstrap-sass gem

like this:

config.cache_classes = true
config.serve_static_assets = true
config.assets.compile = true
config.assets.digest = true

Jax · Accepted Answer · 2013-10-29 13:27:22Z

1

Have you tried running

bundle exec rake assets:precompile

then pushing again to heroku?

there is more info on Rails Asset Pipeline on Heroku here

It worked for me, hope it helps

answered Oct 29, 2013 at 13:27

Jax

1,8373 gold badges18 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

DonMB Over a year ago

sorry was to fast accepting the answer. unfortunately that did not help. still working perfect on dev but not on production

Mário Carvalho Over a year ago

After solving my error I was missing just this! Thanks @Jax700303

Collectives™ on Stack Overflow

rails 4 problems pushing on heroku - invalid CSS - bootstrap expression

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related