Installation Requirements

From rbachwiki
Revision as of 21:30, 5 August 2016 by Bacchas (talk | contribs) (Created page with "== Required installations == * gem install compass -- pre * gem list // will list all installed gems * gem install susy * gem install breakpoint * gem install n...")
(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

 
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