<pclass="lead">While Bootstrap is built on Less, it also has an <ahref="https://github.com/twbs/bootstrap-sass/">official Sass port</a>. We maintain it in a separate GitHub repository and handle updates with a conversion script.</p>
<pclass="lead">While Bootstrap is built on Less, it also has an <ahref="{{ site.sass_repo }}">official Sass port</a>. We maintain it in a separate GitHub repository and handle updates with a conversion script.</p>
<h2id="sass-installation">Installation</h2>
<h2id="sass-installation">Installation</h2>
<p>Use the appropriate guide for your environment of choice.</p>
<p>Use the appropriate guide for your environment of choice.</p>
<p>This will create a new Compass project with the following files in it:</p>
<p>This will create a new Compass project with the following files in it:</p>
<ul>
<ul>
<li><ahref="https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_variables.scss.erb">_variables.scss</a>— all of bootstrap variables (override them here).
<li><ahref="{{ site.sass_repo }}/blob/master/templates/project/_variables.scss.erb">_variables.scss</a>— all of bootstrap variables (override them here).
</li>
</li>
<li><ahref="https://github.com/twbs/bootstrap-sass/blob/master/templates/project/styles.scss">styles.scss</a>— main project SCSS file, import `variables` and `bootstrap`.</li>
<li><ahref="{{ site.sass_repo }}/blob/master/templates/project/styles.scss">styles.scss</a>— main project SCSS file, import `variables` and `bootstrap`.</li>
</ul>
</ul>
...
@@ -3410,7 +3410,7 @@ Bootstrap.javascripts_path
...
@@ -3410,7 +3410,7 @@ Bootstrap.javascripts_path
<h3id="sass-usage-sass">Sass</h3>
<h3id="sass-usage-sass">Sass</h3>
<p>Import Bootstrap into a Sass file (for example, <code>application.css.scss</code>) to get all of Bootstrap's styles, mixins and variables! We recommend against using <code>//= require</code> directives, since none of your other stylesheets will be <ahref="https://github.com/twbs/bootstrap-sass/issues/79#issuecomment-4428595">able to access</a> the Bootstrap mixins or variables.</p>
<p>Import Bootstrap into a Sass file (for example, <code>application.css.scss</code>) to get all of Bootstrap's styles, mixins and variables! We recommend against using <code>//= require</code> directives, since none of your other stylesheets will be <ahref="{{ site.sass_repo }}/issues/79#issuecomment-4428595">able to access</a> the Bootstrap mixins or variables.</p>