mkhairi / materialize-sass

Materializecss rubygem for Rails Asset Pipeline / Sprockets
http://materialize.labs.my/
MIT License
806 stars 243 forks source link

undefined variable #178

Closed mateforlife closed 5 years ago

mateforlife commented 6 years ago

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'

mkhairi commented 6 years ago

@mateforlife, you need to import variables too.

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

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