Usage step A causing "Fail to import not found or unreadable"

[starpause]

I'm following along and when I put

@import "materialize/components/color-variables";
$primary-color: color("blue", "lighten-2") !default;
$secondary-color: color("yellow", "base") !default;
@import 'materialize';

in my application.scss, hitting my rails app gives the following error:

File to import not found or unreadable: materialize/components/color-variables.

If I do just the @import 'materialize'; I don't get this error.

Hope this is an easy to recognise mistake with a simple fix. Thanks in advance for any direction!

[mkhairi]

hi @starpause, maybe you use v0.100, see https://github.com/mkhairi/materialize-sass/tree/v0.100

[starpause]

I am using 0.100.2

here are the gems I'm using (with many omitted but can provide full list if it helps):

> bundle update
Using jquery-rails 4.3.1
Using materialize-sass 0.100.2
Using sass-rails 5.0.7

and here's my application.js:

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require js.cookie
//= require_tree .
//= require materialize-sprockets

I notice that I can't find the materialize sass files on my file system, perhaps I've missed a step or an installation step is failing?

Thank you again!

[mkhairi]

did you restart your rails server after installing gem?

[starpause]

Yes, I stopped my rails server, checked the files, ran bundle update, ran rails server and same results.

Should I see the materialize files in my file system?

Thanks!

[mkhairi]

fyi, the gem will be install on another location depend on your bundler and ruby environment.. bundle show materialize-sass

[starpause]

Noticing that master branch was far ahead I switched to gem 'materialize-sass', '~> 1.0.0.beta' which is working without issue. Thank you!