redo button styles

- rename .btn-bs to .btn-bd-purple
- abstract yellow masthead button into .btn-bd-yellow and use it the new
docs navbar

1 files changed, 6 insertions, 6 deletions

diff --git a/index.html b/index.html
index 559d5063c..42b8980a8 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@ layout: home
     {% include icons/bootstrap.svg class="mb-3" width="128" height="128" %}
     <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
     <p class="lead">
-      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
+      <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-lg btn-bd-yellow" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
     </p>
     <p class="version">Currently v{{ site.current_version }}</p>
     {% include ads.html %}
@@ -24,7 +24,7 @@ layout: home
         <h4>Managed dependencies</h4>
         <p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our build system and readme.</p>
         <p>
-          <a class="btn btn-bs" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
+          <a class="btn btn-bd-purple" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
         </p>
       </div>
       <div class="col-sm-6 mb-3">
@@ -42,7 +42,7 @@ layout: home
     <hr class="half-rule mt-0">
 
     <p><strong>Looking for something else?</strong> Compiled builds of Bootstrap's CSS and JS are also available.</p>
-    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bs">More download options</a>
+    <a href="{{ site.baseurl }}/getting-started/download/" class="btn btn-bd-purple">More download options</a>
   </div>
 </div>
 
@@ -72,7 +72,7 @@ layout: home
     <hr class="half-rule mt-0">
 
     <p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
-    <a href="{{ site.repo }}" class="btn btn-bs">View the GitHub project</a>
+    <a href="{{ site.repo }}" class="btn btn-bd-purple">View the GitHub project</a>
   </div>
 </div>
 
@@ -84,7 +84,7 @@ layout: home
     </p>
 
     <p class="lead">
-      <a href="{{ site.themes }}" class="btn btn-bs">Browse themes</a>
+      <a href="{{ site.themes }}" class="btn btn-bd-purple">Browse themes</a>
     </p>
 
     <img class="img-fluid mx-auto" src="{{ site.baseurl }}/assets/img/bs-themes.png" alt="Bootstrap Themes" width="1024" height="388">
@@ -109,6 +109,6 @@ layout: home
     <hr class="half-rule">
 
     <p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
-    <a href="{{ site.expo }}" class="btn btn-bs">Explore the Expo</a>
+    <a href="{{ site.expo }}" class="btn btn-bd-purple">Explore the Expo</a>
   </div>
 </div>