}
/* Outline button for use within the docs */
-.btn-bs {
+.btn-outline {
color: #563d7c;
background-color: #fff;
border-color: #e5e5e5;
}
-.btn-bs:hover,
-.btn-bs:focus,
-.btn-bs:active {
+.btn-outline:hover,
+.btn-outline:focus,
+.btn-outline:active {
color: #fff;
background-color: #563d7c;
border-color: #563d7c;
}
-/* Homepage outline button */
-.btn-outline {
+/* Inverted outline button (white on dark) */
+.btn-outline-inverse {
color: #fff;
background-color: transparent;
border-color: #cdbfe3;
}
-.btn-outline:hover,
-.btn-outline:focus,
-.btn-outline:active {
+.btn-outline-inverse:hover,
+.btn-outline-inverse:focus,
+.btn-outline-inverse:active {
color: #563d7c;
text-shadow: none;
background-color: #fff;
</div>
<p class="lead">Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.</p>
<div class="bs-customize-download">
- <button id="btn-compile" class="btn btn-block btn-lg btn-bs" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Compile and Download</button>
+ <button id="btn-compile" class="btn btn-block btn-lg btn-outline" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Compile and Download</button>
</div>
</div><!-- /download -->
</form>
<h1>Bootstrap 3</h1>
<p class="lead">Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.</p>
<p>
- <a href="{{ site.download }}" class="btn btn-outline btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>
+ <a href="{{ site.download }}" class="btn btn-outline-inverse btn-lg" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 3.0.0']);">Download Bootstrap</a>
</p>
</div>
</main>