Skip to content

Commit

Permalink
Merge branch 'master' of github.com:zurb/foundation
Browse files Browse the repository at this point in the history
  • Loading branch information
Jordan Humphreys committed Mar 2, 2013
2 parents 19ad6a8 + 6fc51ce commit 0c524b4
Show file tree
Hide file tree
Showing 3 changed files with 38 additions and 10 deletions.
2 changes: 1 addition & 1 deletion docs/Gemfile.lock
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
GEM
remote: http://rubygems.org/
remote: https://rubygems.org/
specs:
coderay (1.0.9)
directory_watcher (1.4.1)
Expand Down
3 changes: 2 additions & 1 deletion docs/rails.html.erb
Original file line number Diff line number Diff line change
Expand Up @@ -46,10 +46,11 @@ end
', :css %>

<h5 class="subheader">Add Foundation to your JS</h5>
<p>Append the following line to your <code>app/assets/javascripts/application.js</code> file:</p>
<p>Append the following lines to your <code>app/assets/javascripts/application.js</code> file:</p>

<%= code_example '
//= require foundation
$(document).foundation();
', :js %>

<h5 class="subheader">Set Viewport Width</h5>
Expand Down
43 changes: 35 additions & 8 deletions docs/sass.html.erb
Original file line number Diff line number Diff line change
Expand Up @@ -86,15 +86,42 @@

<p>There are a few different ways to do this, but here's what we recommend:</p>
<ol style="margin-left: 20px;">
<li>Setup a Foundation project folder: <kbd>mkdir ~/awesomeapp</kbd></li>
<li>Create a Gemfile with this content: <br>
<kbd style="margin-left: 15px;">source :rubygems</kbd> <br>
<kbd style="margin-left: 15px;">gem "zurb-foundation", :git => "[email protected]:zurb/foundation.git"</kbd> <br>
<kbd style="margin-left: 15px;">gem "compass"</kbd>
<li>Setup a folder for your project (i.e. <kbd>mkdir ~/awesomeapp</kbd>)
<li>Create a file called <code>Gemfile</code> in the folder you just created with this content: <br>
<%= code_example '
source "https://rubygems.org"
gem "zurb-foundation", :git => "[email protected]:zurb/foundation.git"
gem "compass"
', :ruby %>
</li>
<li>Then run: <kbd>touch ~/awesomeapp/Gemfile</kbd></li>
<li>Change into your application directory: <kbd>cd ~/awesomeapp</kbd></li>
<li>Create a project using Bundler: <kbd>bundle exec compass create . -r zurb-foundation --using foundation</kbd></li>
<li>Change into your application directory (<kbd>cd ~/awesomeapp</kbd>) then create a new compass project using the following command:</li>
<%= code_example '
bundle exec compass create . -r zurb-foundation --using foundation
', :bash %>
<li>When you're working on your project, run: <kbd>bundle exec compass watch</kbd></li>
</ol>

<hr>

<a name="multiple-versions"></a>
<h3>Running multiple versions</h3>
<h5 class="subheader">If you're planning on running multiple, potentially incompatible versions of Foundation you can isolate them using Bundler as well.</h5>

<p>There are a few different ways to do this, but here's what we recommend:</p>
<ol style="margin-left: 20px;">
<li>Setup a folder for your project (i.e. <kbd>mkdir ~/awesomeapp</kbd>)
<li>Create a file called <code>Gemfile</code> in the folder you just created with this content: <br>
<%= code_example '
source "https://rubygems.org"
# Replace 4.0.3 with the version of Foundation you want to use
gem "zurb-foundation", "4.0.3"
gem "compass"
', :ruby %>
</li>
<li>Change into your application directory (<kbd>cd ~/awesomeapp</kbd>) then create a new compass project using the following command:</li>
<%= code_example '
bundle exec compass create . -r zurb-foundation --using foundation
', :bash %>
<li>When you're working on your project, run: <kbd>bundle exec compass watch</kbd></li>
</ol>

Expand Down

0 comments on commit 0c524b4

Please sign in to comment.