POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/css/sass.html

   1 <div class="bs-docs-section">
   2   <h1 id="sass" class="page-header">Using Sass</h1>
   3   <p class="lead">While Bootstrap is built on Less, it also has an <a href="{{ site.sass_repo }}">official Sass port</a>. We maintain it in a separate GitHub repository and handle updates with a conversion script.</p>
   4
   5   <h2 id="sass-contents">What's included</h2>
   6   <p>Since the Sass port has a separate repo and serves a slightly different audience, the contents of the project differ greatly from the main Bootstrap project. This ensures the Sass port is as compatible with as many Sass-based systems as possible.</p>
   7
   8   <div class="table-responsive">
   9     <table class="table table-bordered table-striped">
  10       <thead>
  11         <tr>
  12           <th>Path</th>
  13           <th>Description</th>
  14         </tr>
  15       </thead>
  16       <tbody>
  17         <tr>
  18           <th scope="row"><code>lib/</code></th>
  19           <td>Ruby gem code (Sass configuration, Rails and Compass integrations)</td>
  20         </tr>
  21         <tr>
  22           <th scope="row"><code>tasks/</code></th>
  23           <td>Converter scripts (turning upstream Less to Sass)</td>
  24         </tr>
  25         <tr>
  26           <th scope="row"><code>test/</code></th>
  27           <td>Compilation tests</td>
  28         </tr>
  29         <tr>
  30           <th scope="row"><code>templates/</code></th>
  31           <td>Compass package manifest</td>
  32         </tr>
  33         <tr>
  34           <th scope="row"><code>vendor/assets/</code></th>
  35           <td>Sass, JavaScript, and font files</td>
  36         </tr>
  37         <tr>
  38           <th scope="row"><code>Rakefile</code></th>
  39           <td>Internal tasks, such as rake and convert</td>
  40         </tr>
  41       </tbody>
  42     </table>
  43   </div>
  44   <p>Visit the <a href="{{ site.sass_repo }}">Sass port's GitHub repository</a> to see these files in action.</p>
  45
  46
  47   <h2 id="sass-installation">Installation</h2>
  48   <p>For information on how to install and use Bootstrap for Sass, consult the <a href="{{ site.sass_repo }}">GitHub repository readme</a>. It's the most up to date source and includes information for use with Rails, Compass, and standard Sass projects.</p>
  49   <p>
  50     <a class="btn btn-lg btn-outline" href="{{ site.sass_repo }}">Bootstrap for Sass</a>
  51   </p>
  52 </div>