mkhairi/materialize-sass

undefined variable

mateforlife opened this issue · 1 comments

i want to import only 2 components, and i tried with 1.0 and 0.100 versions of this gem but it fails again:

Showing /home/alex/Blog/app/views/layouts/application.html.erb where line #7 raised:

Undefined variable: "$navbar-height-mobile".

application.scss
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
 @import "materialize/components/navbar";
 @import "materialize/components/dropdown";

application.js

// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, or any plugin's
// vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
//= require rails-ujs
//= require jquery
//= require turbolinks
//= require materialize
//= require_tree .

gemfile

gem 'materialize-sass', '~> 0.100'

@mateforlife, you need to import variables too.

// Colors
@import "materialize/components/color";

// Variables;
@import "materialize/components/variables";