Difference between revisions of "Installation Requirements"

From rbachwiki
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 13: Line 13:
== To update Ruby ==
== To update Ruby ==


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


==  Run bundle init // will create a gemfile ==
==  Run bundle init // will create a gemfile ==
Line 38: Line 37:


<pre>  
<pre>  
bundle install
compass create foldername -r susy -u susy
create susy projext
 
compass create susyex -r susy -u susy
bundle exec compass watch // use this because be installed bundle
</pre>
</pre>
==  config.rb file ==
==  config.rb file ==


<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 commented out. see  troubleshooting article
require 'breakpoint'
require 'breakpoint'
# Require any additional compass plugins here.
# Require any additional compass plugins here.
Line 53: Line 51:


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


# You can select your preferred output style here (can be overridden via the command line):
# You can select your preferred output style here (can be overridden via the command line):
Line 77: Line 75:
</pre>
</pre>
----
----
[[#Required installations|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]
 
==[[#Required installations|Back To Top]]-[[Main_Page| Home]] - [[Css|Category]]==

Latest revision as of 20:28, 10 September 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

 
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