mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-29 21:14:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixed #315

Browse Source
This commit is contained in:
FezVrasta 2014-12-19 09:28:13 +01:00
parent a14f891500
commit 075149d753
2 changed files with 81 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
bootstrap-elements.html
View File

@ -101,7 +101,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -119,7 +119,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -148,7 +148,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -166,7 +166,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -195,7 +195,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -213,7 +213,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -293,7 +293,7 @@
<div class="btn-toolbar bs-component" style="margin: 0;"> <div class="btn-toolbar bs-component" style="margin: 0;">
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-default">Default</a> <a href="javascript:void(0)" class="btn btn-default">Default</a>
<a href="javascript:void(0)" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -305,7 +305,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-primary">Primary</a> <a href="javascript:void(0)" class="btn btn-primary">Primary</a>
<a href="javascript:void(0)" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -317,7 +317,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-success">Success</a> <a href="javascript:void(0)" class="btn btn-success">Success</a>
<a href="javascript:void(0)" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -329,7 +329,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-info">Info</a> <a href="javascript:void(0)" class="btn btn-info">Info</a>
<a href="javascript:void(0)" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -341,7 +341,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-warning">Warning</a> <a href="javascript:void(0)" class="btn btn-warning">Warning</a>
<a href="javascript:void(0)" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -353,7 +353,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-danger">Danger</a> <a href="javascript:void(0)" class="btn btn-danger">Danger</a>
<a href="javascript:void(0)" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a> <a href="bootstrap-elements.html" data-target="#" class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -418,7 +418,7 @@
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-default">8</a> <a href="javascript:void(0)" class="btn btn-default">8</a>
<div class="btn-group"> <div class="btn-group">
<a href="javascript:void(0)" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <a href="bootstrap-elements.html" data-target="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Dropdown Dropdown
<span class="caret"></span> <span class="caret"></span>
</a> </a>
@ -1602,7 +1602,7 @@
<li><a href="#profile" data-toggle="tab">Profile</a></li> <li><a href="#profile" data-toggle="tab">Profile</a></li>
<li class="disabled"><a>Disabled</a></li> <li class="disabled"><a>Disabled</a></li>
<li class="dropdown"> <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
Dropdown <span class="caret"></span> Dropdown <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -1636,7 +1636,7 @@
<li><a href="javascript:void(0)">Profile</a></li> <li><a href="javascript:void(0)">Profile</a></li>
<li class="disabled"><a href="javascript:void(0)">Disabled</a></li> <li class="disabled"><a href="javascript:void(0)">Disabled</a></li>
<li class="dropdown"> <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
Dropdown <span class="caret"></span> Dropdown <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -1656,7 +1656,7 @@
<li><a href="javascript:void(0)">Profile</a></li> <li><a href="javascript:void(0)">Profile</a></li>
<li class="disabled"><a href="javascript:void(0)">Disabled</a></li> <li class="disabled"><a href="javascript:void(0)">Disabled</a></li>
<li class="dropdown"> <li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <a class="dropdown-toggle" data-toggle="dropdown" href="bootstrap-elements.html" data-target="#">
Dropdown <span class="caret"></span> Dropdown <span class="caret"></span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">

130
index.html
View File

@ -448,7 +448,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -466,7 +466,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="http://fezvrasta.github.io/bootstrap-material-design/bootstrap-elements.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -493,7 +493,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -511,7 +511,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -538,7 +538,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -556,7 +556,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -583,7 +583,7 @@
<li class="active"><a href="javascript:void(0)">Active</a></li> <li class="active"><a href="javascript:void(0)">Active</a></li>
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -601,7 +601,7 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li><a href="javascript:void(0)">Link</a></li> <li><a href="javascript:void(0)">Link</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <a href="index.html" data-target="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="javascript:void(0)">Action</a></li> <li><a href="javascript:void(0)">Action</a></li>
<li><a href="javascript:void(0)">Another action</a></li> <li><a href="javascript:void(0)">Another action</a></li>
@ -724,8 +724,8 @@
.navbar-material-{{color}} .navbar-material-{{color}}
.well-material-{{color}} .well-material-{{color}}
etc...</code></pre> etc...</code></pre>
<div class="sampleRed"> <div class="sampleRed">
<h2><button class="btn btn-material-red btn-lg">Red</button></h2> <h2><button class="btn btn-material-red btn-lg">Red</button></h2>
<button class="btn btn-material-red-50">050</button> <button class="btn btn-material-red-50">050</button>
<button class="btn btn-material-red-100">100</button> <button class="btn btn-material-red-100">100</button>
<button class="btn btn-material-red-200">200</button> <button class="btn btn-material-red-200">200</button>
@ -740,9 +740,9 @@
<button class="btn btn-material-red-A200">A200</button> <button class="btn btn-material-red-A200">A200</button>
<button class="btn btn-material-red-A400">A400</button> <button class="btn btn-material-red-A400">A400</button>
<button class="btn btn-material-red-A700">A700</button> <button class="btn btn-material-red-A700">A700</button>
</div> </div>
<div class="samplePink"> <div class="samplePink">
<h2><button class="btn btn-material-pink btn-lg">Pink</button></h2> <h2><button class="btn btn-material-pink btn-lg">Pink</button></h2>
<button class="btn btn-material-pink-50">050</button> <button class="btn btn-material-pink-50">050</button>
<button class="btn btn-material-pink-100">100</button> <button class="btn btn-material-pink-100">100</button>
<button class="btn btn-material-pink-200">200</button> <button class="btn btn-material-pink-200">200</button>
@ -757,9 +757,9 @@
<button class="btn btn-material-pink-A200">A200</button> <button class="btn btn-material-pink-A200">A200</button>
<button class="btn btn-material-pink-A400">A400</button> <button class="btn btn-material-pink-A400">A400</button>
<button class="btn btn-material-pink-A700">A700</button> <button class="btn btn-material-pink-A700">A700</button>
</div> </div>
<div class="samplePurple"> <div class="samplePurple">
<h2><button class="btn btn-material-purple btn-lg">Purple</button></h2> <h2><button class="btn btn-material-purple btn-lg">Purple</button></h2>
<button class="btn btn-material-purple-50">050</button> <button class="btn btn-material-purple-50">050</button>
<button class="btn btn-material-purple-100">100</button> <button class="btn btn-material-purple-100">100</button>
<button class="btn btn-material-purple-200">200</button> <button class="btn btn-material-purple-200">200</button>
@ -774,9 +774,9 @@
<button class="btn btn-material-purple-A200">A200</button> <button class="btn btn-material-purple-A200">A200</button>
<button class="btn btn-material-purple-A400">A400</button> <button class="btn btn-material-purple-A400">A400</button>
<button class="btn btn-material-purple-A700">A700</button> <button class="btn btn-material-purple-A700">A700</button>
</div> </div>
<div class="sampleDeepPurple"> <div class="sampleDeepPurple">
<h2><button class="btn btn-material-deep-purple btn-lg">Deep Purple</button></h2> <h2><button class="btn btn-material-deep-purple btn-lg">Deep Purple</button></h2>
<button class="btn btn-material-deep-purple-50">050</button> <button class="btn btn-material-deep-purple-50">050</button>
<button class="btn btn-material-deep-purple-100">100</button> <button class="btn btn-material-deep-purple-100">100</button>
<button class="btn btn-material-deep-purple-200">200</button> <button class="btn btn-material-deep-purple-200">200</button>
@ -791,9 +791,9 @@
<button class="btn btn-material-deep-purple-A200">A200</button> <button class="btn btn-material-deep-purple-A200">A200</button>
<button class="btn btn-material-deep-purple-A400">A400</button> <button class="btn btn-material-deep-purple-A400">A400</button>
<button class="btn btn-material-deep-purple-A700">A700</button> <button class="btn btn-material-deep-purple-A700">A700</button>
</div> </div>
<div class="sampleIndigo"> <div class="sampleIndigo">
<h2><button class="btn btn-material-indigo btn-lg">Indigo</button></h2> <h2><button class="btn btn-material-indigo btn-lg">Indigo</button></h2>
<button class="btn btn-material-indigo-50">050</button> <button class="btn btn-material-indigo-50">050</button>
<button class="btn btn-material-indigo-100">100</button> <button class="btn btn-material-indigo-100">100</button>
<button class="btn btn-material-indigo-200">200</button> <button class="btn btn-material-indigo-200">200</button>
@ -808,9 +808,9 @@
<button class="btn btn-material-indigo-A200">A200</button> <button class="btn btn-material-indigo-A200">A200</button>
<button class="btn btn-material-indigo-A400">A400</button> <button class="btn btn-material-indigo-A400">A400</button>
<button class="btn btn-material-indigo-A700">A700</button> <button class="btn btn-material-indigo-A700">A700</button>
</div> </div>
<div class="sampleBlue"> <div class="sampleBlue">
<h2><button class="btn btn-material-blue btn-lg">Blue</button></h2> <h2><button class="btn btn-material-blue btn-lg">Blue</button></h2>
<button class="btn btn-material-blue-50">050</button> <button class="btn btn-material-blue-50">050</button>
<button class="btn btn-material-blue-100">100</button> <button class="btn btn-material-blue-100">100</button>
<button class="btn btn-material-blue-200">200</button> <button class="btn btn-material-blue-200">200</button>
@ -825,9 +825,9 @@
<button class="btn btn-material-blue-A200">A200</button> <button class="btn btn-material-blue-A200">A200</button>
<button class="btn btn-material-blue-A400">A400</button> <button class="btn btn-material-blue-A400">A400</button>
<button class="btn btn-material-blue-A700">A700</button> <button class="btn btn-material-blue-A700">A700</button>
</div> </div>
<div class="sampleLightBlue"> <div class="sampleLightBlue">
<h2><button class="btn btn-material-light-blue btn-lg">Light Blue</button></h2> <h2><button class="btn btn-material-light-blue btn-lg">Light Blue</button></h2>
<button class="btn btn-material-light-blue-50">050</button> <button class="btn btn-material-light-blue-50">050</button>
<button class="btn btn-material-light-blue-100">100</button> <button class="btn btn-material-light-blue-100">100</button>
<button class="btn btn-material-light-blue-200">200</button> <button class="btn btn-material-light-blue-200">200</button>
@ -842,9 +842,9 @@
<button class="btn btn-material-light-blue-A200">A200</button> <button class="btn btn-material-light-blue-A200">A200</button>
<button class="btn btn-material-light-blue-A400">A400</button> <button class="btn btn-material-light-blue-A400">A400</button>
<button class="btn btn-material-light-blue-A700">A700</button> <button class="btn btn-material-light-blue-A700">A700</button>
</div> </div>
<div class="sampleCyan"> <div class="sampleCyan">
<h2><button class="btn btn-material-cyan btn-lg">Cyan</button></h2> <h2><button class="btn btn-material-cyan btn-lg">Cyan</button></h2>
<button class="btn btn-material-cyan-50">050</button> <button class="btn btn-material-cyan-50">050</button>
<button class="btn btn-material-cyan-100">100</button> <button class="btn btn-material-cyan-100">100</button>
<button class="btn btn-material-cyan-200">200</button> <button class="btn btn-material-cyan-200">200</button>
@ -859,9 +859,9 @@
<button class="btn btn-material-cyan-A200">A200</button> <button class="btn btn-material-cyan-A200">A200</button>
<button class="btn btn-material-cyan-A400">A400</button> <button class="btn btn-material-cyan-A400">A400</button>
<button class="btn btn-material-cyan-A700">A700</button> <button class="btn btn-material-cyan-A700">A700</button>
</div> </div>
<div class="sampleTeal"> <div class="sampleTeal">
<h2><button class="btn btn-material-teal btn-lg">Teal</button></h2> <h2><button class="btn btn-material-teal btn-lg">Teal</button></h2>
<button class="btn btn-material-teal-50">050</button> <button class="btn btn-material-teal-50">050</button>
<button class="btn btn-material-teal-100">100</button> <button class="btn btn-material-teal-100">100</button>
<button class="btn btn-material-teal-200">200</button> <button class="btn btn-material-teal-200">200</button>
@ -876,9 +876,9 @@
<button class="btn btn-material-teal-A200">A200</button> <button class="btn btn-material-teal-A200">A200</button>
<button class="btn btn-material-teal-A400">A400</button> <button class="btn btn-material-teal-A400">A400</button>
<button class="btn btn-material-teal-A700">A700</button> <button class="btn btn-material-teal-A700">A700</button>
</div> </div>
<div class="sampleGreen"> <div class="sampleGreen">
<h2><button class="btn btn-material-green btn-lg">Green</button></h2> <h2><button class="btn btn-material-green btn-lg">Green</button></h2>
<button class="btn btn-material-green-50">050</button> <button class="btn btn-material-green-50">050</button>
<button class="btn btn-material-green-100">100</button> <button class="btn btn-material-green-100">100</button>
<button class="btn btn-material-green-200">200</button> <button class="btn btn-material-green-200">200</button>
@ -893,9 +893,9 @@
<button class="btn btn-material-green-A200">A200</button> <button class="btn btn-material-green-A200">A200</button>
<button class="btn btn-material-green-A400">A400</button> <button class="btn btn-material-green-A400">A400</button>
<button class="btn btn-material-green-A700">A700</button> <button class="btn btn-material-green-A700">A700</button>
</div> </div>
<div class="sampleLightGreen"> <div class="sampleLightGreen">
<h2><button class="btn btn-material-light-green btn-lg">LightGreen</button></h2> <h2><button class="btn btn-material-light-green btn-lg">LightGreen</button></h2>
<button class="btn btn-material-light-green-50">050</button> <button class="btn btn-material-light-green-50">050</button>
<button class="btn btn-material-light-green-100">100</button> <button class="btn btn-material-light-green-100">100</button>
<button class="btn btn-material-light-green-200">200</button> <button class="btn btn-material-light-green-200">200</button>
@ -910,9 +910,9 @@
<button class="btn btn-material-light-green-A200">A200</button> <button class="btn btn-material-light-green-A200">A200</button>
<button class="btn btn-material-light-green-A400">A400</button> <button class="btn btn-material-light-green-A400">A400</button>
<button class="btn btn-material-light-green-A700">A700</button> <button class="btn btn-material-light-green-A700">A700</button>
</div> </div>
<div class="sampleLime"> <div class="sampleLime">
<h2><button class="btn btn-material-lime btn-lg">Lime</button></h2> <h2><button class="btn btn-material-lime btn-lg">Lime</button></h2>
<button class="btn btn-material-lime-50">050</button> <button class="btn btn-material-lime-50">050</button>
<button class="btn btn-material-lime-100">100</button> <button class="btn btn-material-lime-100">100</button>
<button class="btn btn-material-lime-200">200</button> <button class="btn btn-material-lime-200">200</button>
@ -927,9 +927,9 @@
<button class="btn btn-material-lime-A200">A200</button> <button class="btn btn-material-lime-A200">A200</button>
<button class="btn btn-material-lime-A400">A400</button> <button class="btn btn-material-lime-A400">A400</button>
<button class="btn btn-material-lime-A700">A700</button> <button class="btn btn-material-lime-A700">A700</button>
</div> </div>
<div class="sampleYellow"> <div class="sampleYellow">
<h2><button class="btn btn-material-yellow btn-lg">Yellow</button></h2> <h2><button class="btn btn-material-yellow btn-lg">Yellow</button></h2>
<button class="btn btn-material-yellow-50">050</button> <button class="btn btn-material-yellow-50">050</button>
<button class="btn btn-material-yellow-100">100</button> <button class="btn btn-material-yellow-100">100</button>
<button class="btn btn-material-yellow-200">200</button> <button class="btn btn-material-yellow-200">200</button>
@ -944,9 +944,9 @@
<button class="btn btn-material-yellow-A200">A200</button> <button class="btn btn-material-yellow-A200">A200</button>
<button class="btn btn-material-yellow-A400">A400</button> <button class="btn btn-material-yellow-A400">A400</button>
<button class="btn btn-material-yellow-A700">A700</button> <button class="btn btn-material-yellow-A700">A700</button>
</div> </div>
<div class="sampleAmber"> <div class="sampleAmber">
<h2><button class="btn btn-material-amber btn-lg">Amber</button></h2> <h2><button class="btn btn-material-amber btn-lg">Amber</button></h2>
<button class="btn btn-material-amber-50">050</button> <button class="btn btn-material-amber-50">050</button>
<button class="btn btn-material-amber-100">100</button> <button class="btn btn-material-amber-100">100</button>
<button class="btn btn-material-amber-200">200</button> <button class="btn btn-material-amber-200">200</button>
@ -961,9 +961,9 @@
<button class="btn btn-material-amber-A200">A200</button> <button class="btn btn-material-amber-A200">A200</button>
<button class="btn btn-material-amber-A400">A400</button> <button class="btn btn-material-amber-A400">A400</button>
<button class="btn btn-material-amber-A700">A700</button> <button class="btn btn-material-amber-A700">A700</button>
</div> </div>
<div class="sampleOrange"> <div class="sampleOrange">
<h2><button class="btn btn-material-orange btn-lg">Orange</button></h2> <h2><button class="btn btn-material-orange btn-lg">Orange</button></h2>
<button class="btn btn-material-orange-50">050</button> <button class="btn btn-material-orange-50">050</button>
<button class="btn btn-material-orange-100">100</button> <button class="btn btn-material-orange-100">100</button>
<button class="btn btn-material-orange-200">200</button> <button class="btn btn-material-orange-200">200</button>
@ -978,9 +978,9 @@
<button class="btn btn-material-orange-A200">A200</button> <button class="btn btn-material-orange-A200">A200</button>
<button class="btn btn-material-orange-A400">A400</button> <button class="btn btn-material-orange-A400">A400</button>
<button class="btn btn-material-orange-A700">A700</button> <button class="btn btn-material-orange-A700">A700</button>
</div> </div>
<div class="sampleDeepOrange"> <div class="sampleDeepOrange">
<h2><button class="btn btn-material-deep-orange btn-lg">Deep Orange</button></h2> <h2><button class="btn btn-material-deep-orange btn-lg">Deep Orange</button></h2>
<button class="btn btn-material-deep-orange-50">050</button> <button class="btn btn-material-deep-orange-50">050</button>
<button class="btn btn-material-deep-orange-100">100</button> <button class="btn btn-material-deep-orange-100">100</button>
<button class="btn btn-material-deep-orange-200">200</button> <button class="btn btn-material-deep-orange-200">200</button>
@ -996,8 +996,8 @@
<button class="btn btn-material-deep-orange-A400">A400</button> <button class="btn btn-material-deep-orange-A400">A400</button>
<button class="btn btn-material-deep-orange-A700">A700</button><br><br> <button class="btn btn-material-deep-orange-A700">A700</button><br><br>
</div> </div>
<div class="sampleBrown"> <div class="sampleBrown">
<h2><button class="btn btn-material-brown btn-lg">Brown</button></h2> <h2><button class="btn btn-material-brown btn-lg">Brown</button></h2>
<button class="btn btn-material-brown-50">050</button> <button class="btn btn-material-brown-50">050</button>
<button class="btn btn-material-brown-100">100</button> <button class="btn btn-material-brown-100">100</button>
<button class="btn btn-material-brown-200">200</button> <button class="btn btn-material-brown-200">200</button>
@ -1008,9 +1008,9 @@
<button class="btn btn-material-brown-700">700</button> <button class="btn btn-material-brown-700">700</button>
<button class="btn btn-material-brown-800">800</button> <button class="btn btn-material-brown-800">800</button>
<button class="btn btn-material-brown-900">900</button> <button class="btn btn-material-brown-900">900</button>
</div> </div>
<div class="sampleGrey"> <div class="sampleGrey">
<h2><button class="btn btn-material-grey btn-lg">Grey</button></h2> <h2><button class="btn btn-material-grey btn-lg">Grey</button></h2>
<button class="btn btn-material-grey-50">050</button> <button class="btn btn-material-grey-50">050</button>
<button class="btn btn-material-grey-100">100</button> <button class="btn btn-material-grey-100">100</button>
<button class="btn btn-material-grey-200">200</button> <button class="btn btn-material-grey-200">200</button>
@ -1021,9 +1021,9 @@
<button class="btn btn-material-grey-700">700</button> <button class="btn btn-material-grey-700">700</button>
<button class="btn btn-material-grey-800">800</button> <button class="btn btn-material-grey-800">800</button>
<button class="btn btn-material-grey-900">900</button> <button class="btn btn-material-grey-900">900</button>
</div> </div>
<div class="sampleBlueGrey"> <div class="sampleBlueGrey">
<h2><button class="btn btn-material-blue-grey btn-lg">Blue Grey</button></h2> <h2><button class="btn btn-material-blue-grey btn-lg">Blue Grey</button></h2>
<button class="btn btn-material-blue-grey-50">050</button> <button class="btn btn-material-blue-grey-50">050</button>
<button class="btn btn-material-blue-grey-100">100</button> <button class="btn btn-material-blue-grey-100">100</button>
<button class="btn btn-material-blue-grey-200">200</button> <button class="btn btn-material-blue-grey-200">200</button>
@ -1034,8 +1034,8 @@
<button class="btn btn-material-blue-grey-700">700</button> <button class="btn btn-material-blue-grey-700">700</button>
<button class="btn btn-material-blue-grey-800">800</button> <button class="btn btn-material-blue-grey-800">800</button>
<button class="btn btn-material-blue-grey-900">900</button> <button class="btn btn-material-blue-grey-900">900</button>
</div> </div>
</div> </div>
<div class="well page" id="button"> <div class="well page" id="button">
<h1 class="header">Button</h1> <h1 class="header">Button</h1>
<div class="sample1"> <div class="sample1">