]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
fixes instructions for installing to existing project
authorzurbchris <chris@zurb.com>
Tue, 3 Jul 2012 04:45:46 +0000 (21:45 -0700)
committerzurbchris <chris@zurb.com>
Tue, 3 Jul 2012 04:45:46 +0000 (21:45 -0700)
marketing/docs/gem-install.php

index 73033e3608034badb529f5f662ca07b2c21dc8e0..127c83f1d17a123ab03167cea1d22ca59686649b 100644 (file)
@@ -41,7 +41,7 @@
               <ul class="disc">
                 <li>Add <span class="keystroke">require "zurb-foundation"</span> to your config.rb file</li>
                 <li><span class="keystroke">cd path/to/your-project</span></li>
-                <li>run <span class="keystrok">compass install zurb-foundation</span></li>
+                <li>run <span class="keystrok">compass install foundation</span></li>
               </ul>
 
               <hr>
 
 
             <li id="simple2Tab">
-            
+
               <h3>Installing with Rails</h3>
               <h4 class="subheader">Start using Foundation in your Rails project.</h4>
 
               <a name="gemfile"></a>
               <h4>Gemfile</h4>
               <p>First you'll want to add the following gems to the <strong>assets</strong> group in your Gemfile like so:</p>
-                
+
               <script src="https://gist.github.com/3036269.js?file=Gemfile"></script>
-                
+
               <p>Then run <strong>bundle install</strong> to install these gems.  You may see the following error:</p>
-              
+
               <script src="https://gist.github.com/3036269.js?file=bundle_install_error"></script>
-              
+
               <p>If you see that don't panic, just run <strong>bundle update sass</strong> and you should be on your merry way!</p>
-              
+
               <h5>Notes on SASS alpha dependency</h5>
               <p>Foundation is currently utilizing some of the new media query features available in SASS 3.2, such as those mentioned in <a href="http://thesassway.com/intermediate/responsive-web-design-in-sass-using-media-queries-in-sass-32" rel="nofollow">this article.</a>  From what we've seen so far this is a stable enough release on which to build Foundation, especially since 3.2 is due to be released soon.</p>
-              
+
               <a name="configuration"></a>
               <h4>Configuration</h4>
-              
+
               <h5>Layout</h5>
               <p>Add the following to the <strong>&lt;head&gt;</strong> tag of your page layouts (i.e. <strong>app/views/layouts/application.html.erb</strong>) to set the viewport width for mobile devices.</p>
-              
+
               <script src="https://gist.github.com/3036269.js?file=application.html.erb"></script>
-              
+
               <h5>SASS Files</h5>
               <p>Since Foundation is now SASSified you'll need to include it a little differently.  If you're using a standard Rails installation you should rename <strong>application.css</strong> to <strong>application.scss</strong> in the <strong>app/assets/stylesheets</strong> directory.</p>
-              
+
               <script src="https://gist.github.com/3036269.js?file=application.scss"></script>
-              
+
               <p>That will import all the foundation related styles into your application.  Take a look at the other documentation pages if you'd like to further customize the stylesheet that gets generated.</p>
-              
+
               <h5>Javascripts</h5>
               <p>To include all the Foundation related javascripts on your page add <strong>=require foundation</strong> to your <strong>app/assets/javascripts/application.js</strong> sprockets manifest file.</p>
               <script src="https://gist.github.com/3036269.js?file=application.js"></script>
-              
+
               <a name="upgrading"></a>
               <h4>Upgrading from 2.X</h4>
-              
+
               <p>For those of you upgrading from a previous version of the gem things are a little different.  In your <strong>app/assets/stylesheets/application.css</strong> you probably had a bit of code like this:</p>
-              
+
               <script src="https://gist.github.com/3036269.js?file=old_application.css"></script>
-              
+
               <p>Just rename <strong>application.css</strong> to <strong>application.scss</strong> making sure to replace any <strong>=require</strong> to the sass <strong>@import</strong> syntax.</p>
-              
+
             </li>
           </ul>