Difference between revisions of "Installation Requirements"

From rbachwiki
Jump to navigation Jump to search
Line 47: Line 47:
<pre>
<pre>
require 'susy'
require 'susy'
require 'compass/import-once/activate' // may have to be comented out. see  troubleshoothing article
require 'compass/import-once/activate' // may have to be comented out. see  [[troubleshoothing article|Troubleshoot_Sass]]
require 'breakpoint'
require 'breakpoint'
# Require any additional compass plugins here.
# Require any additional compass plugins here.

Revision as of 12:43, 12 August 2016

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|Troubleshoot_Sass]]
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