Sass::SyntaxError: Undefined variable: "$badge-height"

mkhairi / materialize-sass

Materializecss rubygem for Rails Asset Pipeline / Sprockets

http://materialize.labs.my/

MIT License

805 stars 243 forks source link

Sass::SyntaxError: Undefined variable: "$badge-height" #139

Closed scookdev closed 7 years ago

scookdev commented 7 years ago

I am trying to precompile for a push to Heroku, but it fails with the error message in the Subject, the file is ruby-2.4.0/gems/materialize-sass-0.98.0/app/assets/stylesheets/materialize/components/_badges.scss:8. Is there anything I can do to fix this?

scookdev commented 7 years ago

I should mention, I am using application.sass, not scss. Here's the content of that file:

/*
 *
 *= require_tree .
 *= require_self
 */
@import "materialize"
@import "materialize/components/color"

nav ul li.hover:hover
    background-color: gray

btn.nav
    margin-left: 40px

btn.hover:hover
    background-color: red

.card .card-content
    padding-left: 15px
    padding-top: 5px
    padding-bottom: 5px

scookdev commented 7 years ago

I'm getting the error locally now -

Undefined variable: "$badge-height".

scookdev commented 7 years ago

It seems the problem was related to the fact that I had a couple of .scss files I forgot to rename to .sass, which must have been breaking the compilation process. Once I renamed them all the .sass, the solved the problem.