updated docs

docs/_data/nav.yml

@@ -10,7 +10,6 @@
 
 - title: Material Design
   pages:
-    - title: Test
     - title: List groups
     - title: Menus
     - title: Navs
@@ -78,5 +77,3 @@
 #   pages:
 #     - title: Approach
 #     - title: Icon fonts
-
-

docs/assets/scss/_masthead.scss

@@ -7,13 +7,12 @@
   padding: 3rem ($grid-gutter-width / 2) 2rem;
   color: $bd-purple-light;
   text-align: center;
-  background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg");
+  background-image: linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
-  background-size: cover;
 
   .bd-booticon {
     margin: 0 auto 2rem;
-    color: #fff;
+    color: $bd-purple-light;
-    border-color: #fff;
+    border-color: $bd-purple-light;
   }
 
   h1 {

docs/assets/scss/bmd/_masthead.scss

@@ -1,4 +1,13 @@
-.bs-masthead {
+.bd-masthead {
   background-image: linear-gradient(rgba(0, 0, 255, 0.2), rgba(0, 0, 255, 0.4)), url("../assets/img/bg.jpg");
   background-size: cover;
+
+  .bd-booticon {
+    color: #fff;
+  }
+
+  .btn {
+    border-width: 1px;
+    border-style: solid;
+  }
 }

docs/components/forms.md

@@ -908,7 +908,7 @@ The file input is the most gnarly of the bunch and require additional JavaScript
 {% example html %}
 <label class="custom-file">
   <input type="file" id="file" class="custom-file-input">
-  <span class="custom-file-control" tabindex="0"></span>
+  <span class="custom-file-control"></span>
 </label>
 {% endexample %}
 

docs/components/tooltips.md

@@ -61,25 +61,25 @@ Hover over the links below to see tooltips:
 Four options are available: top, right, bottom, and left aligned.
 
 <div class="bd-example bd-example-tooltip-static">
-  <div class="tooltip top" role="tooltip">
+  <div class="tooltip tooltip-top" role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">
       Tooltip on the top
     </div>
   </div>
-  <div class="tooltip right" role="tooltip">
+  <div class="tooltip tooltip-right" role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">
       Tooltip on the right
     </div>
   </div>
-  <div class="tooltip bottom" role="tooltip">
+  <div class="tooltip tooltip-bottom" role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">
       Tooltip on the bottom
     </div>
   </div>
-  <div class="tooltip left" role="tooltip">
+  <div class="tooltip tooltip-left" role="tooltip">
     <div class="tooltip-arrow"></div>
     <div class="tooltip-inner">
       Tooltip on the left
@@ -140,7 +140,7 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo
 <a href="#" data-toggle="tooltip" title="Some tooltip text!">Hover over me</a>
 
 <!-- Generated markup by the plugin -->
-<div class="tooltip top" role="tooltip">
+<div class="tooltip tooltip-top" role="tooltip">
   <div class="tooltip-arrow"></div>
   <div class="tooltip-inner">
     Some tooltip text!

docs/index.html

@@ -25,14 +25,14 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
         <h4>Managed dependencies</h4>
         <p>Include Bootstrap Material Design's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
         <p>
-          <a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
+          <a class="btn btn-bs btn-primary" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
         </p>
       </div>
       <div class="col-sm-6 m-b-lg">
         <h4>Bootstrap Material Design CDN</h4>
         <p>When you just need to include Bootstrap Material Design's compiled CSS and JS, use the Bootstrap Material Design CDN, free from the Max CDN folks.</p>
         <p>
-          <a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/introduction">See Getting Started</a>
+          <a class="btn btn-bs btn-primary" href="{{ site.baseurl }}/getting-started/introduction">See Getting Started</a>
         </p>
       </div>
     </div>
@@ -82,6 +82,6 @@ title: Bootstrap Material Design, the world's most popular mobile-first and resp
     <hr class="half-rule m-t-0">
 
     <p><strong>Bootstrap Material Design 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 btn-outline">View the GitHub project</a>
+    <a href="{{ site.repo }}" class="btn btn-bs btn-primary">View the GitHub project</a>
   </div>
 </div>

docs/material-design/test.md

@@ -1,37 +0,0 @@
----
-layout: docs
-title: Test
-group: material-design
----
-
-## Test
- 
-File browser 
-
-{% example html %}
-<div class="form-group">
-  <label class="control-label" for="inputFile2">Static label</label>
-  <input type="file" id="inputFile2" multiple>
-  <input type="text" readonly class="form-control" placeholder="Browse2...">
-</div>
-
-<div class="form-group">
-  <!--<label class="control-label" for="inputFile3">File</label>-->
-  <input type="file" id="inputFile3" multiple>
-  <input type="text" readonly class="form-control" placeholder="Placeholder only...">
-</div>
-
-<div class="form-group">
-  <input type="file" id="inputFile4" multiple>
-
-  <div class="input-group">
-    <input type="text" readonly class="form-control" placeholder="Placeholder w/input-group...">
-    <span class="input-group-btn input-group-sm">
-      <button type="button" class="btn btn-fab btn-fab-mini">
-        <i class="mdi-editor-attach-file"></i>
-      </button>
-    </span>
-  </div>
-</div>  
-
-{% endexample %}