Installation Requirements

From rbachwiki
Revision as of 20:28, 10 September 2016 by Bacchas (talk | contribs) (→‎config.rb file)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

Run bundle init // will create a gemfile

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

 
compass create foldername -r susy -u susy

config.rb file

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


# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascript_dir = "js"

# 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