How do I import scss template files? about bootswatch-rails

[esbanarango]

Hello @shwashbuckle. Did you check the Usage instructions? There is no need to manually download any file. Just make sure you have these gems in your Gemfile:

gem 'sass-rails', '~> 4.0.3'
gem 'bootstrap-sass', '~> 3.2.0.0'
gem 'bootswatch-rails', '~> 3.2.0'

I'm assuming your project is a Rails 4 project.

[shwashbuckle]

Thanks @esbanarango, thanks for this.

Yes I have this in my Gemfile, but still getting errors. Probably a newbie error on my part. Here are details of my environment:

Gemfile:

source 'https://rubygems.org'

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '4.1.4'
# Use sqlite3 as the database for Active Record
gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 4.0.3'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .js.coffee assets and views
gem 'coffee-rails', '~> 4.0.0'
# See https://github.com/sstephenson/execjs#readme for more supported runtimes
# gem 'therubyracer',  platforms: :ruby

# Use jquery as the JavaScript library
gem 'jquery-rails'
# Turbolinks makes following links in your web application faster. Read more: https://github.com/rails/turbolinks
gem 'turbolinks'
# Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
gem 'jbuilder', '~> 2.0'
# bundle exec rake doc:rails generates the API under doc/api.
gem 'sdoc', '~> 0.4.0',          group: :doc

# Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
gem 'spring',        group: :development

gem 'bootstrap-sass', '~> 3.2.0.0'
gem 'bootswatch-rails', '~> 3.2.0'

# Use ActiveModel has_secure_password
# gem 'bcrypt', '~> 3.1.7'

# Use unicorn as the app server
# gem 'unicorn'

# Use Capistrano for deployment
# gem 'capistrano-rails', group: :development

# Use debugger
# gem 'debugger', group: [:development, :test]

Output from bundle install:

leigh@leigh-VirtualBox:~/Projects/dev01$ bundle install
Using rake 10.3.2
Using i18n 0.6.11
Using json 1.8.1
Using minitest 5.4.0
Using thread_safe 0.3.4
Using tzinfo 1.2.1
Using activesupport 4.1.4
Using builder 3.2.2
Using erubis 2.7.0
Using actionview 4.1.4
Using rack 1.5.2
Using rack-test 0.6.2
Using actionpack 4.1.4
Using mime-types 1.25.1
Using polyglot 0.3.5
Using treetop 1.4.15
Using mail 2.5.4
Using actionmailer 4.1.4
Using activemodel 4.1.4
Using arel 5.0.1.20140414130214
Using activerecord 4.1.4
Using sass 3.2.19
Using bootstrap-sass 3.2.0.0
Using thor 0.19.1
Using railties 4.1.4
Using bootswatch-rails 3.2.0
Using coffee-script-source 1.7.1
Using execjs 2.2.1
Using coffee-script 2.3.0
Using coffee-rails 4.0.1
Using hike 1.2.3
Using multi_json 1.10.1
Using jbuilder 2.1.3
Using jquery-rails 3.1.1
Using bundler 1.6.4
Using tilt 1.4.1
Using sprockets 2.11.0
Using sprockets-rails 2.1.3
Using rails 4.1.4
Using rdoc 4.1.1
Using sass-rails 4.0.3
Using sdoc 0.4.0
Using spring 1.1.3
Using sqlite3 1.3.9
Using turbolinks 2.2.2
Using uglifier 2.5.3
Your bundle is complete!
Use `bundle show [gemname]` to see where a bundled gem is installed.
leigh@leigh-VirtualBox:~/Projects/dev01$

The content of my application.css.scss file is:

// Example using 'Flatly' bootswatch
//
// First import cerulean variables

@import "bootswatch/flatly/variables";

// Then bootstrap itself
@import "bootstrap";

// Bootstrap body padding for fixed navbar
body { padding-top: 60px; }

// And finally bootswatch style itself
@import "bootswatch/flatly/bootswatch";

// Whatever application styles you have go last
@import "base";

When loading http://localhost:3000/products, I get the following from the browser:

Showing /home/leigh/Projects/dev01/app/views/layouts/application.html.erb where line #5 raised:

File to import not found or unreadable: base.
Load paths:
  /home/leigh/Projects/dev01/app/assets/images
  /home/leigh/Projects/dev01/app/assets/javascripts
  /home/leigh/Projects/dev01/app/assets/stylesheets
  /home/leigh/Projects/dev01/vendor/assets/javascripts
  /home/leigh/Projects/dev01/vendor/assets/stylesheets
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootswatch-rails-3.2.0/vendor/assets/stylesheets
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/turbolinks-2.2.2/lib/assets/javascripts
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/jquery-rails-3.1.1/vendor/assets/javascripts
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/coffee-rails-4.0.1/lib/assets/javascripts
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.2.0.0/assets/stylesheets
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.2.0.0/assets/javascripts
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.2.0.0/assets/fonts
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.2.0.0/assets/images
  /home/leigh/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/gems/bootstrap-sass-3.2.0.0/assets/stylesheets
  (in /home/leigh/Projects/dev01/app/assets/stylesheets/application.css.scss:16)

Any ideas?

[shwashbuckle]

Sorry yes, version of rails is:

leigh@leigh-VirtualBox:~/Projects/dev01$ rails -v
Rails 4.1.4

[shwashbuckle]

Ok, sorry made a really silly mistake - I've commented out:

@import "base";

from the application.css.scss file, as I wasn't using it now everything is sweet.