Geek asks and answers

"Undefined mixin 'box-sizing'", in rails using compass rails

This error message is:

Undefined mixin 'box-sizing'.
(in /var/www/site/spree/app/assets/stylesheets/store/neat/_neat.scss:3)

Conditions:

I am using rails 4.0.2

I installed the pearl of compass rails and launched the 'bundle'. I also set the bourbon and trim gemstones.

Inside "site / spree / app / assets / stylesheets / mystylesheet.css.scss" I have this:

@import "bourbon/bourbon";
@import "neat/neat";

neat requires mixing the "box size" provided by the compass. However, mixin is simply not matched.

I tried adding @import "window size", @import "compass / window size". @import "compass / css3 / box-sizing"

None of these lines work: rails still cannot access compass mixes.

This is my whole gemfile:

source 'https://rubygems.org'
ruby '2.1.0'
gem 'rails', '4.0.2'
gem 'sass-rails', '~> 4.0.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.0.0'
gem 'jquery-rails', '~> 3.0.0'
gem 'turbolinks'
gem 'jbuilder', '~> 1.2'
gem 'mysql2'

group :development do
   gem 'better_errors'
   gem 'binding_of_caller', :platforms=>[:mri_21, :rbx]
   gem 'rails_layout'
end

group :development, :test do
   gem 'factory_girl_rails'
end


gem 'compass-rails'
gem 'bourbon'
gem 'neat'

gem 'spree', '2.1.4'
gem 'spree_gateway', :git => 'https://github.com/spree/spree_gateway.git', :branch => '2-1-stable'
gem 'spree_auth_devise', :git => 'https://github.com/spree/spree_auth_devise.git', :branch => '2-1-stable'
+3
3

assets group

, : Gemfile ( Rails 3.1+ : assets):

: https://github.com/Compass/compass-rails

@Fire-Dragon-DoL - , , box-sizing

0

Rails 4 (, , ). , , compass-rails gemfile, :

gem 'sass-rails'
gem 'compass-rails', github: 'Compass/compass-rails'

Gemfile.lock bundle.

rm Gemfile.lock
bundle

scss :

@import "compass";
@import "compass/reset";
@import "compass/css3/box-sizing";
0

, box-sizing . @include box-sizing(border-box), box-sizing: border-box; .

0
source

More articles:


All Articles