Installation Requirements

Required installations

• gem install compass -- pre
• gem list // will list all installed gems
• gem install susy
• gem install breakpoint
• gem install normalize
• gem install bundler
• gem outdated // will display outdated gems
• gem update // will update gems
• rvm use --default 2.2 // will get and error ignore

To update Ruby

curl -sSL https://get.rvm.io | bash -s stable --ruby

Edit Gem file // you can get versions by running gem list

 # frozen_string_literal: true
# A sample Gemfile
source "https://rubygems.org"
gem 'compass', '~>1.1.0.alpha.3'
gem 'sass', '3.4.22'
gem 'susy', '2.2.2'
gem 'breakpoint', '2.7.0'
gem 'normalize', '0.0.3'

# gem "rails"

Terminal

 
bundle install
create susy projext
compass create susyex -r susy -u susy
bundle exec compass watch // use this because be installed bundle

config.rb file

require 'susy'
require 'compass/import-once/activate' // may have to be comented out. see  troubleshoothing article
require 'breakpoint'
# Require any additional compass plugins here.


# Set this to the root of your project when deployed:
http_path = "../"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascript_dir - "javascripts"

# You can select your preferred output style here (can be overridden via the command line):
output_style = :expanded

# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

---

Back To Top- Home - Category