Permalink
Browse files

fixed fab to toolbar docs

  • Loading branch information...
1 parent fda1e45 commit 987f62026f490e4ab77a38bd245a014f3ba9639e @acburst acburst committed Nov 1, 2016
Showing with 14 additions and 13 deletions.
  1. +2 −1 .gitignore
  2. +6 −6 buttons.html
  3. +6 −6 jade/page-contents/buttons_content.html
View
@@ -14,4 +14,5 @@ bower_components
.projectile
**/#*#
**/.#*
-.grunt/
+.grunt/
+.versions
View
@@ -234,15 +234,15 @@ <h4 class="light">FAB to Toolbar</h4>
<p>Instead of displaying individual button options, you can transition your FAB into a toolbar on click. Just add the <code class="language-markup">toolbar</code> class to the FAB.</p>
<iframe src="fab-toolbar-demo.html" frameborder="0" width="100%" height="100px"></iframe>
<pre><code class="language-markup col s12">
- &lt;div class="fixed-action-btn horizontal click-to-toggle">
+ &lt;div class="fixed-action-btn toolbar">
&lt;a class="btn-floating btn-large red">
- &lt;i class="material-icons">menu&lt;/i>
+ &lt;i class="large material-icons">mode_edit&lt;/i>
&lt;/a>
&lt;ul>
- &lt;li>&lt;a class="btn-floating red">&lt;i class="material-icons">insert_chart&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating yellow darken-1">&lt;i class="material-icons">format_quote&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating green">&lt;i class="material-icons">publish&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating blue">&lt;i class="material-icons">attach_file&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">insert_chart&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">format_quote&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">publish&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">attach_file&lt;/i>&lt;/a>&lt;/li>
&lt;/ul>
&lt;/div>
</code></pre>
@@ -123,15 +123,15 @@ <h4 class="light">FAB to Toolbar</h4>
<p>Instead of displaying individual button options, you can transition your FAB into a toolbar on click. Just add the <code class="language-markup">toolbar</code> class to the FAB.</p>
<iframe src="fab-toolbar-demo.html" frameborder="0" width="100%" height="100px"></iframe>
<pre><code class="language-markup col s12">
- &lt;div class="fixed-action-btn horizontal click-to-toggle">
+ &lt;div class="fixed-action-btn toolbar">
&lt;a class="btn-floating btn-large red">
- &lt;i class="material-icons">menu&lt;/i>
+ &lt;i class="large material-icons">mode_edit&lt;/i>
&lt;/a>
&lt;ul>
- &lt;li>&lt;a class="btn-floating red">&lt;i class="material-icons">insert_chart&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating yellow darken-1">&lt;i class="material-icons">format_quote&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating green">&lt;i class="material-icons">publish&lt;/i>&lt;/a>&lt;/li>
- &lt;li>&lt;a class="btn-floating blue">&lt;i class="material-icons">attach_file&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">insert_chart&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">format_quote&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">publish&lt;/i>&lt;/a>&lt;/li>
+ &lt;li class="waves-effect waves-light">&lt;a href="#!">&lt;i class="material-icons">attach_file&lt;/i>&lt;/a>&lt;/li>
&lt;/ul>
&lt;/div>
</code></pre>

0 comments on commit 987f620

Please sign in to comment.