Recently, I decided to delve into coding with Bootstrap4 and Sass.
I made sure all the necessary configurations were in place for my environment/project setup:
including
ruby 2.3.1p112 (2016-04-26 revision 54768) [i386-mingw32]
and a list of installed gems (previously experimented with bootstrap 3):
autoprefixer-rails (6.3.6.2)
bootstrap (4.0.0.alpha4, 4.0.0.alpha3)
bootstrap-sass (3.3.7, 3.3.6)
breakpoint (2.7.0)
compass (1.0.3)
compass-core (1.0.3)
compass-import-once (1.0.5)
sass (3.4.22)
sass-globbing (1.1.5, 1.1.0.pre.0)
sassy-buttons (0.2.6)
sassy-maps (0.4.0)
In my styles.scss file:
@import "compass/css3";
@import 'variables/.';
@import "bootstrap";
In config.rb:
require 'compass/import-once/activate'
require 'bootstrap'
require 'sass-globbing'
require 'breakpoint'
Compass seems to be functioning well and generating styles.css:
/* line 18, c:/Ruby23/lib/ruby/gems/2.3.0/gems/bootstrap-4.0.0.alpha4/assets
/stylesheets/bootstrap/_normalize.scss */
body {
margin: 0;
}
However, things go awry when utilizing some bootstrap mixins:
Error: Undefined mixin 'media-breakpoint-only'.
What crucial detail have I overlooked?