ruby-on-rails - herokuをプッシュするレール4の問題 - 無効なCSS - ブートストラップ式

Question

簡単に言うと、アプリで次の CSS コードを使用しています。

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

ローカルホストで正常に動作します。解像度が XYpx を下回ると、単に div が非表示になります。Bootstrap ドキュメントによると、これは有効な CSS コードです: http://getbootstrap.com/css/#grid

ここで、heroku をプッシュすると、次のようになります。

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

私は何を間違っていますか？私はこちらの回答に従って、私の production.rb を設定しました: Can't get CSS working on Heroku using Rails 4 with bootstrap-sass gem

このような：

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