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>
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>
8 <div class=
"table-responsive">
9 <table class=
"table table-bordered table-striped">
18 <th scope=
"row"><code>lib/
</code></th>
19 <td>Ruby gem code (Sass configuration, Rails and Compass integrations)
</td>
22 <th scope=
"row"><code>tasks/
</code></th>
23 <td>Converter scripts (turning upstream Less to Sass)
</td>
26 <th scope=
"row"><code>test/
</code></th>
27 <td>Compilation tests
</td>
30 <th scope=
"row"><code>templates/
</code></th>
31 <td>Compass package manifest
</td>
34 <th scope=
"row"><code>vendor/assets/
</code></th>
35 <td>Sass, JavaScript, and font files
</td>
38 <th scope=
"row"><code>Rakefile
</code></th>
39 <td>Internal tasks, such as rake and convert
</td>
44 <p>Visit the
<a href=
"{{ site.sass_repo }}">Sass port's GitHub repository
</a> to see these files in action.
</p>
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>
50 <a class=
"btn btn-lg btn-outline" href=
"{{ site.sass_repo }}">Bootstrap for Sass
</a>