Materialize Snippet Materializecss Buttons Palette Kit using HTML CSS

"Materializecss Buttons Palette Kit"
Materialize 0.98.2 Snippet by w3hubs

0.98.2

583 0 Fav

Post to Facebook Tweet this

<link href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>   <!DOCTYPE html> <html lang="en"> <head> <title>Materializecss Buttons Palette Kit</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/css?family=Spinnaker&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> </head> <body> <div> <h3>Black</h3> <a class="waves-effect waves-light btn black btn-small">button</a> <a class="waves-effect waves-light btn black">button</a> <a class="waves-effect waves-light btn black btn-large">button</a> </div> <div> <h3>Red</h3> <a class="waves-effect waves-light btn red lighten-1">button</a> <a class="waves-effect waves-light btn red lighten-2">button</a> <a class="waves-effect waves-light btn red lighten-3">button</a> <a class="waves-effect waves-light btn red lighten-4">button</a> <a class="waves-effect waves-light btn red lighten-5">button</a> <a class="waves-effect waves-light btn red">button</a> <a class="waves-effect waves-light btn red darken-1">button</a> <a class="waves-effect waves-light btn red darken-2">button</a> <a class="waves-effect waves-light btn red darken-3">button</a> <a class="waves-effect waves-light btn red darken-4">button</a> <a class="waves-effect waves-light btn red darken-5">button</a> <a class="waves-effect waves-light btn red accent-1">button</a> <a class="waves-effect waves-light btn red accent-2">button</a> <a class="waves-effect waves-light btn red accent-3">button</a> <a class="waves-effect waves-light btn red accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn red lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn red lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn red lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn red lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn red lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn red btn-small">button</a> <a class="waves-effect waves-light btn red darken-1 btn-small">button</a> <a class="waves-effect waves-light btn red darken-2 btn-small">button</a> <a class="waves-effect waves-light btn red darken-3 btn-small">button</a> <a class="waves-effect waves-light btn red darken-4 btn-small">button</a> <a class="waves-effect waves-light btn red darken-5 btn-small">button</a> <a class="waves-effect waves-light btn red accent-1 btn-small">button</a> <a class="waves-effect waves-light btn red accent-2 btn-small">button</a> <a class="waves-effect waves-light btn red accent-3 btn-small">button</a> <a class="waves-effect waves-light btn red accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn red lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn red lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn red lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn red lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn red lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn red btn-large">button</a> <a class="waves-effect waves-light btn red darken-1 btn-large">button</a> <a class="waves-effect waves-light btn red darken-2 btn-large">button</a> <a class="waves-effect waves-light btn red darken-3 btn-large">button</a> <a class="waves-effect waves-light btn red darken-4 btn-large">button</a> <a class="waves-effect waves-light btn red darken-5 btn-large">button</a> <a class="waves-effect waves-light btn red accent-1 btn-large">button</a> <a class="waves-effect waves-light btn red accent-2 btn-large">button</a> <a class="waves-effect waves-light btn red accent-3 btn-large">button</a> <a class="waves-effect waves-light btn red accent-4 btn-large">button</a> </div> </div> <div> <h3>Pink</h3> <a class="waves-effect waves-light btn pink lighten-1">button</a> <a class="waves-effect waves-light btn pink lighten-2">button</a> <a class="waves-effect waves-light btn pink lighten-3">button</a> <a class="waves-effect waves-light btn pink lighten-4">button</a> <a class="waves-effect waves-light btn pink lighten-5">button</a> <a class="waves-effect waves-light btn pink">button</a> <a class="waves-effect waves-light btn pink darken-1">button</a> <a class="waves-effect waves-light btn pink darken-2">button</a> <a class="waves-effect waves-light btn pink darken-3">button</a> <a class="waves-effect waves-light btn pink darken-4">button</a> <a class="waves-effect waves-light btn pink darken-5">button</a> <a class="waves-effect waves-light btn pink accent-1">button</a> <a class="waves-effect waves-light btn pink accent-2">button</a> <a class="waves-effect waves-light btn pink accent-3">button</a> <a class="waves-effect waves-light btn pink accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn pink lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn pink lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn pink lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn pink lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn pink lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn pink btn-small">button</a> <a class="waves-effect waves-light btn pink darken-1 btn-small">button</a> <a class="waves-effect waves-light btn pink darken-2 btn-small">button</a> <a class="waves-effect waves-light btn pink darken-3 btn-small">button</a> <a class="waves-effect waves-light btn pink darken-4 btn-small">button</a> <a class="waves-effect waves-light btn pink darken-5 btn-small">button</a> <a class="waves-effect waves-light btn pink accent-1 btn-small">button</a> <a class="waves-effect waves-light btn pink accent-2 btn-small">button</a> <a class="waves-effect waves-light btn pink accent-3 btn-small">button</a> <a class="waves-effect waves-light btn pink accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn pink lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn pink lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn pink lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn pink lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn pink lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn pink btn-large">button</a> <a class="waves-effect waves-light btn pink darken-1 btn-large">button</a> <a class="waves-effect waves-light btn pink darken-2 btn-large">button</a> <a class="waves-effect waves-light btn pink darken-3 btn-large">button</a> <a class="waves-effect waves-light btn pink darken-4 btn-large">button</a> <a class="waves-effect waves-light btn pink darken-5 btn-large">button</a> <a class="waves-effect waves-light btn pink accent-1 btn-large">button</a> <a class="waves-effect waves-light btn pink accent-2 btn-large">button</a> <a class="waves-effect waves-light btn pink accent-3 btn-large">button</a> <a class="waves-effect waves-light btn pink accent-4 btn-large">button</a> </div> </div> <div> <h3>Purple</h3> <a class="waves-effect waves-light btn purple lighten-1">button</a> <a class="waves-effect waves-light btn purple lighten-2">button</a> <a class="waves-effect waves-light btn purple lighten-3">button</a> <a class="waves-effect waves-light btn purple lighten-4">button</a> <a class="waves-effect waves-light btn purple lighten-5">button</a> <a class="waves-effect waves-light btn purple">button</a> <a class="waves-effect waves-light btn purple darken-1">button</a> <a class="waves-effect waves-light btn purple darken-2">button</a> <a class="waves-effect waves-light btn purple darken-3">button</a> <a class="waves-effect waves-light btn purple darken-4">button</a> <a class="waves-effect waves-light btn purple darken-5">button</a> <a class="waves-effect waves-light btn purple accent-1">button</a> <a class="waves-effect waves-light btn purple accent-2">button</a> <a class="waves-effect waves-light btn purple accent-3">button</a> <a class="waves-effect waves-light btn purple accent-4">button</a> <h3>Small</h3> <a class="waves-effect waves-light btn purple lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn purple lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn purple lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn purple lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn purple lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn purple btn-small">button</a> <a class="waves-effect waves-light btn purple darken-1 btn-small">button</a> <a class="waves-effect waves-light btn purple darken-2 btn-small">button</a> <a class="waves-effect waves-light btn purple darken-3 btn-small">button</a> <a class="waves-effect waves-light btn purple darken-4 btn-small">button</a> <a class="waves-effect waves-light btn purple darken-5 btn-small">button</a> <a class="waves-effect waves-light btn purple accent-1 btn-small">button</a> <a class="waves-effect waves-light btn purple accent-2 btn-small">button</a> <a class="waves-effect waves-light btn purple accent-3 btn-small">button</a> <a class="waves-effect waves-light btn purple accent-4 btn-small">button</a> <h3>Large</h3> <a class="waves-effect waves-light btn purple lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn purple lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn purple lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn purple lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn purple lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn purple btn-large">button</a> <a class="waves-effect waves-light btn purple darken-1 btn-large">button</a> <a class="waves-effect waves-light btn purple darken-2 btn-large">button</a> <a class="waves-effect waves-light btn purple darken-3 btn-large">button</a> <a class="waves-effect waves-light btn purple darken-4 btn-large">button</a> <a class="waves-effect waves-light btn purple darken-5 btn-large">button</a> <a class="waves-effect waves-light btn purple accent-1 btn-large">button</a> <a class="waves-effect waves-light btn purple accent-2 btn-large">button</a> <a class="waves-effect waves-light btn purple accent-3 btn-large">button</a> <a class="waves-effect waves-light btn purple accent-4 btn-large">button</a> </div> <div> <h3>Deep Purple</h3> <a class="waves-effect waves-light btn deep-purple lighten-1">button</a> <a class="waves-effect waves-light btn deep-purple lighten-2">button</a> <a class="waves-effect waves-light btn deep-purple lighten-3">button</a> <a class="waves-effect waves-light btn deep-purple lighten-4">button</a> <a class="waves-effect waves-light btn deep-purple lighten-5">button</a> <a class="waves-effect waves-light btn deep-purple">button</a> <a class="waves-effect waves-light btn deep-purple darken-1">button</a> <a class="waves-effect waves-light btn deep-purple darken-2">button</a> <a class="waves-effect waves-light btn deep-purple darken-3">button</a> <a class="waves-effect waves-light btn deep-purple darken-4">button</a> <a class="waves-effect waves-light btn deep-purple darken-5">button</a> <a class="waves-effect waves-light btn deep-purple accent-1">button</a> <a class="waves-effect waves-light btn deep-purple accent-2">button</a> <a class="waves-effect waves-light btn deep-purple accent-3">button</a> <a class="waves-effect waves-light btn deep-purple accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn deep-purple lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple btn-small">button</a> <a class="waves-effect waves-light btn deep-purple darken-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple darken-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple darken-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple darken-4 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple darken-5 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple accent-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple accent-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple accent-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-purple accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn deep-purple lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple btn-large">button</a> <a class="waves-effect waves-light btn deep-purple darken-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple darken-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple darken-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple darken-4 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple darken-5 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple accent-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple accent-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple accent-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-purple accent-4 btn-large">button</a> </div> </div> <div> <h3>Indigo</h3> <a class="waves-effect waves-light btn indigo lighten-1">button</a> <a class="waves-effect waves-light btn indigo lighten-2">button</a> <a class="waves-effect waves-light btn indigo lighten-3">button</a> <a class="waves-effect waves-light btn indigo lighten-4">button</a> <a class="waves-effect waves-light btn indigo lighten-5">button</a> <a class="waves-effect waves-light btn indigo">button</a> <a class="waves-effect waves-light btn indigo darken-1">button</a> <a class="waves-effect waves-light btn indigo darken-2">button</a> <a class="waves-effect waves-light btn indigo darken-3">button</a> <a class="waves-effect waves-light btn indigo darken-4">button</a> <a class="waves-effect waves-light btn indigo darken-5">button</a> <a class="waves-effect waves-light btn indigo accent-1">button</a> <a class="waves-effect waves-light btn indigo accent-2">button</a> <a class="waves-effect waves-light btn indigo accent-3">button</a> <a class="waves-effect waves-light btn indigo accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn indigo lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn indigo lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn indigo lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn indigo lighten-4 btn-small btn-small">button</a> <a class="waves-effect waves-light btn indigo lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn indigo btn-small">button</a> <a class="waves-effect waves-light btn indigo darken-1 btn-small">button</a> <a class="waves-effect waves-light btn indigo darken-2 btn-small">button</a> <a class="waves-effect waves-light btn indigo darken-3 btn-small">button</a> <a class="waves-effect waves-light btn indigo darken-4 btn-small">button</a> <a class="waves-effect waves-light btn indigo darken-5 btn-small">button</a> <a class="waves-effect waves-light btn indigo accent-1 btn-small">button</a> <a class="waves-effect waves-light btn indigo accent-2 btn-small">button</a> <a class="waves-effect waves-light btn indigo accent-3 btn-small">button</a> <a class="waves-effect waves-light btn indigo accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn indigo lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn indigo lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn indigo lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn indigo lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn indigo lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn indigo btn-large">button</a> <a class="waves-effect waves-light btn indigo darken-1 btn-large">button</a> <a class="waves-effect waves-light btn indigo darken-2 btn-large">button</a> <a class="waves-effect waves-light btn indigo darken-3 btn-large">button</a> <a class="waves-effect waves-light btn indigo darken-4 btn-large">button</a> <a class="waves-effect waves-light btn indigo darken-5 btn-large">button</a> <a class="waves-effect waves-light btn indigo accent-1 btn-large">button</a> <a class="waves-effect waves-light btn indigo accent-2 btn-large">button</a> <a class="waves-effect waves-light btn indigo accent-3 btn-large">button</a> <a class="waves-effect waves-light btn indigo accent-4 btn-large">button</a> </div> </div> <div> <h3>Blue</h3> <a class="waves-effect waves-light btn blue lighten-1">button</a> <a class="waves-effect waves-light btn blue lighten-2">button</a> <a class="waves-effect waves-light btn blue lighten-3">button</a> <a class="waves-effect waves-light btn blue lighten-4">button</a> <a class="waves-effect waves-light btn blue lighten-5">button</a> <a class="waves-effect waves-light btn blue">button</a> <a class="waves-effect waves-light btn blue darken-1">button</a> <a class="waves-effect waves-light btn blue darken-2">button</a> <a class="waves-effect waves-light btn blue darken-3">button</a> <a class="waves-effect waves-light btn blue darken-4">button</a> <a class="waves-effect waves-light btn blue darken-5">button</a> <a class="waves-effect waves-light btn blue accent-1">button</a> <a class="waves-effect waves-light btn blue accent-2">button</a> <a class="waves-effect waves-light btn blue accent-3">button</a> <a class="waves-effect waves-light btn blue accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn blue lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn blue lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn blue lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn blue lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn blue lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn blue btn-small">button</a> <a class="waves-effect waves-light btn blue darken-1 btn-small">button</a> <a class="waves-effect waves-light btn blue darken-2 btn-small">button</a> <a class="waves-effect waves-light btn blue darken-3 btn-small">button</a> <a class="waves-effect waves-light btn blue darken-4 btn-small">button</a> <a class="waves-effect waves-light btn blue darken-5 btn-small">button</a> <a class="waves-effect waves-light btn blue accent-1 btn-small">button</a> <a class="waves-effect waves-light btn blue accent-2 btn-small">button</a> <a class="waves-effect waves-light btn blue accent-3 btn-small">button</a> <a class="waves-effect waves-light btn blue accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn blue lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn blue lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn blue lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn blue lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn blue lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn blue btn-large">button</a> <a class="waves-effect waves-light btn blue darken-1 btn-large">button</a> <a class="waves-effect waves-light btn blue darken-2 btn-large">button</a> <a class="waves-effect waves-light btn blue darken-3 btn-large">button</a> <a class="waves-effect waves-light btn blue darken-4 btn-large">button</a> <a class="waves-effect waves-light btn blue darken-5 btn-large">button</a> <a class="waves-effect waves-light btn blue accent-1 btn-large">button</a> <a class="waves-effect waves-light btn blue accent-2 btn-large">button</a> <a class="waves-effect waves-light btn blue accent-3 btn-large">button</a> <a class="waves-effect waves-light btn blue accent-4 btn-large">button</a> </div> </div> <div> <h3>Light Blue</h3> <a class="waves-effect waves-light btn light-blue lighten-1">button</a> <a class="waves-effect waves-light btn light-blue lighten-2">button</a> <a class="waves-effect waves-light btn light-blue lighten-3">button</a> <a class="waves-effect waves-light btn light-blue lighten-4">button</a> <a class="waves-effect waves-light btn light-blue lighten-5">button</a> <a class="waves-effect waves-light btn light-blue">button</a> <a class="waves-effect waves-light btn light-blue darken-1">button</a> <a class="waves-effect waves-light btn light-blue darken-2">button</a> <a class="waves-effect waves-light btn light-blue darken-3">button</a> <a class="waves-effect waves-light btn light-blue darken-4">button</a> <a class="waves-effect waves-light btn light-blue darken-5">button</a> <a class="waves-effect waves-light btn light-blue accent-1">button</a> <a class="waves-effect waves-light btn light-blue accent-2">button</a> <a class="waves-effect waves-light btn light-blue accent-3">button</a> <a class="waves-effect waves-light btn light-blue accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn light-blue lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn light-blue lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn light-blue lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn light-blue lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn light-blue lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn light-blue btn-small">button</a> <a class="waves-effect waves-light btn light-blue darken-1 btn-small">button</a> <a class="waves-effect waves-light btn light-blue darken-2 btn-small">button</a> <a class="waves-effect waves-light btn light-blue darken-3 btn-small">button</a> <a class="waves-effect waves-light btn light-blue darken-4 btn-small">button</a> <a class="waves-effect waves-light btn light-blue darken-5 btn-small">button</a> <a class="waves-effect waves-light btn light-blue accent-1 btn-small">button</a> <a class="waves-effect waves-light btn light-blue accent-2 btn-small">button</a> <a class="waves-effect waves-light btn light-blue accent-3 btn-small">button</a> <a class="waves-effect waves-light btn light-blue accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn light-blue lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn light-blue lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn light-blue lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn light-blue lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn light-blue lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn light-blue btn-large">button</a> <a class="waves-effect waves-light btn light-blue darken-1 btn-large">button</a> <a class="waves-effect waves-light btn light-blue darken-2 btn-large">button</a> <a class="waves-effect waves-light btn light-blue darken-3 btn-large">button</a> <a class="waves-effect waves-light btn light-blue darken-4 btn-large">button</a> <a class="waves-effect waves-light btn light-blue darken-5 btn-large">button</a> <a class="waves-effect waves-light btn light-blue accent-1 btn-large">button</a> <a class="waves-effect waves-light btn light-blue accent-2 btn-large">button</a> <a class="waves-effect waves-light btn light-blue accent-3 btn-large">button</a> <a class="waves-effect waves-light btn light-blue accent-4 btn-large">button</a> </div> </div> <div> <h3>Cyan</h3> <a class="waves-effect waves-light btn cyan lighten-1">button</a> <a class="waves-effect waves-light btn cyan lighten-2">button</a> <a class="waves-effect waves-light btn cyan lighten-3">button</a> <a class="waves-effect waves-light btn cyan lighten-4">button</a> <a class="waves-effect waves-light btn cyan lighten-5">button</a> <a class="waves-effect waves-light btn cyan">button</a> <a class="waves-effect waves-light btn cyan darken-1">button</a> <a class="waves-effect waves-light btn cyan darken-2">button</a> <a class="waves-effect waves-light btn cyan darken-3">button</a> <a class="waves-effect waves-light btn cyan darken-4">button</a> <a class="waves-effect waves-light btn cyan darken-5">button</a> <a class="waves-effect waves-light btn cyan accent-1">button</a> <a class="waves-effect waves-light btn cyan accent-2">button</a> <a class="waves-effect waves-light btn cyan accent-3">button</a> <a class="waves-effect waves-light btn cyan accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn cyan lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn cyan lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn cyan lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn cyan lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn cyan lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn cyan btn-small">button</a> <a class="waves-effect waves-light btn cyan darken-1 btn-small">button</a> <a class="waves-effect waves-light btn cyan darken-2 btn-small">button</a> <a class="waves-effect waves-light btn cyan darken-3 btn-small">button</a> <a class="waves-effect waves-light btn cyan darken-4 btn-small">button</a> <a class="waves-effect waves-light btn cyan darken-5 btn-small">button</a> <a class="waves-effect waves-light btn cyan accent-1 btn-small">button</a> <a class="waves-effect waves-light btn cyan accent-2 btn-small">button</a> <a class="waves-effect waves-light btn cyan accent-3 btn-small">button</a> <a class="waves-effect waves-light btn cyan accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn cyan lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn cyan lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn cyan lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn cyan lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn cyan lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn cyan btn-large">button</a> <a class="waves-effect waves-light btn cyan darken-1 btn-large">button</a> <a class="waves-effect waves-light btn cyan darken-2 btn-large">button</a> <a class="waves-effect waves-light btn cyan darken-3 btn-large">button</a> <a class="waves-effect waves-light btn cyan darken-4 btn-large">button</a> <a class="waves-effect waves-light btn cyan darken-5 btn-large">button</a> <a class="waves-effect waves-light btn cyan accent-1 btn-large">button</a> <a class="waves-effect waves-light btn cyan accent-2 btn-large">button</a> <a class="waves-effect waves-light btn cyan accent-3 btn-large">button</a> <a class="waves-effect waves-light btn cyan accent-4 btn-large">button</a> </div> </div> <div> <h3>Teal</h3> <a class="waves-effect waves-light btn teal lighten-1">button</a> <a class="waves-effect waves-light btn teal lighten-2">button</a> <a class="waves-effect waves-light btn teal lighten-3">button</a> <a class="waves-effect waves-light btn teal lighten-4">button</a> <a class="waves-effect waves-light btn teal lighten-5">button</a> <a class="waves-effect waves-light btn teal">button</a> <a class="waves-effect waves-light btn teal darken-1">button</a> <a class="waves-effect waves-light btn teal darken-2">button</a> <a class="waves-effect waves-light btn teal darken-3">button</a> <a class="waves-effect waves-light btn teal darken-4">button</a> <a class="waves-effect waves-light btn teal darken-5">button</a> <a class="waves-effect waves-light btn teal accent-1">button</a> <a class="waves-effect waves-light btn teal accent-2">button</a> <a class="waves-effect waves-light btn teal accent-3">button</a> <a class="waves-effect waves-light btn teal accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn teal lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn teal lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn teal lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn teal lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn teal lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn teal btn-small">button</a> <a class="waves-effect waves-light btn teal darken-1 btn-small">button</a> <a class="waves-effect waves-light btn teal darken-2 btn-small">button</a> <a class="waves-effect waves-light btn teal darken-3 btn-small">button</a> <a class="waves-effect waves-light btn teal darken-4 btn-small">button</a> <a class="waves-effect waves-light btn teal darken-5 btn-small">button</a> <a class="waves-effect waves-light btn teal accent-1 btn-small">button</a> <a class="waves-effect waves-light btn teal accent-2 btn-small">button</a> <a class="waves-effect waves-light btn teal accent-3 btn-small">button</a> <a class="waves-effect waves-light btn teal accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn teal lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn teal lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn teal lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn teal lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn teal lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn teal btn-large">button</a> <a class="waves-effect waves-light btn teal darken-1 btn-large">button</a> <a class="waves-effect waves-light btn teal darken-2 btn-large">button</a> <a class="waves-effect waves-light btn teal darken-3 btn-large">button</a> <a class="waves-effect waves-light btn teal darken-4 btn-large">button</a> <a class="waves-effect waves-light btn teal darken-5 btn-large">button</a> <a class="waves-effect waves-light btn teal accent-1 btn-large">button</a> <a class="waves-effect waves-light btn teal accent-2 btn-large">button</a> <a class="waves-effect waves-light btn teal accent-3 btn-large">button</a> <a class="waves-effect waves-light btn teal accent-4 btn-large">button</a> </div> </div> <div> <h3>Green</h3> <a class="waves-effect waves-light btn green lighten-1">button</a> <a class="waves-effect waves-light btn green lighten-2">button</a> <a class="waves-effect waves-light btn green lighten-3">button</a> <a class="waves-effect waves-light btn green lighten-4">button</a> <a class="waves-effect waves-light btn green lighten-5">button</a> <a class="waves-effect waves-light btn green">button</a> <a class="waves-effect waves-light btn green darken-1">button</a> <a class="waves-effect waves-light btn green darken-2">button</a> <a class="waves-effect waves-light btn green darken-3">button</a> <a class="waves-effect waves-light btn green darken-4">button</a> <a class="waves-effect waves-light btn green darken-5">button</a> <a class="waves-effect waves-light btn green accent-1">button</a> <a class="waves-effect waves-light btn green accent-2">button</a> <a class="waves-effect waves-light btn green accent-3">button</a> <a class="waves-effect waves-light btn green accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn green lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn green lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn green lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn green lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn green lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn green btn-small">button</a> <a class="waves-effect waves-light btn green darken-1 btn-small">button</a> <a class="waves-effect waves-light btn green darken-2 btn-small">button</a> <a class="waves-effect waves-light btn green darken-3 btn-small">button</a> <a class="waves-effect waves-light btn green darken-4 btn-small">button</a> <a class="waves-effect waves-light btn green darken-5 btn-small">button</a> <a class="waves-effect waves-light btn green accent-1 btn-small">button</a> <a class="waves-effect waves-light btn green accent-2 btn-small">button</a> <a class="waves-effect waves-light btn green accent-3 btn-small">button</a> <a class="waves-effect waves-light btn green accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn green lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn green lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn green lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn green lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn green lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn green btn-large">button</a> <a class="waves-effect waves-light btn green darken-1 btn-large">button</a> <a class="waves-effect waves-light btn green darken-2 btn-large">button</a> <a class="waves-effect waves-light btn green darken-3 btn-large">button</a> <a class="waves-effect waves-light btn green darken-4 btn-large">button</a> <a class="waves-effect waves-light btn green darken-5 btn-large">button</a> <a class="waves-effect waves-light btn green accent-1 btn-large">button</a> <a class="waves-effect waves-light btn green accent-2 btn-large">button</a> <a class="waves-effect waves-light btn green accent-3 btn-large">button</a> <a class="waves-effect waves-light btn green accent-4 btn-large">button</a> </div> </div> <div> <h3>Light Green</h3> <a class="waves-effect waves-light btn light-green lighten-1">button</a> <a class="waves-effect waves-light btn light-green lighten-2">button</a> <a class="waves-effect waves-light btn light-green lighten-3">button</a> <a class="waves-effect waves-light btn light-green lighten-4">button</a> <a class="waves-effect waves-light btn light-green lighten-5">button</a> <a class="waves-effect waves-light btn light-green">button</a> <a class="waves-effect waves-light btn light-green darken-1">button</a> <a class="waves-effect waves-light btn light-green darken-2">button</a> <a class="waves-effect waves-light btn light-green darken-3">button</a> <a class="waves-effect waves-light btn light-green darken-4">button</a> <a class="waves-effect waves-light btn light-green darken-5">button</a> <a class="waves-effect waves-light btn light-green accent-1">button</a> <a class="waves-effect waves-light btn light-green accent-2">button</a> <a class="waves-effect waves-light btn light-green accent-3">button</a> <a class="waves-effect waves-light btn light-green accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn light-green lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn light-green lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn light-green lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn light-green lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn light-green lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn light-green btn-small">button</a> <a class="waves-effect waves-light btn light-green darken-1 btn-small">button</a> <a class="waves-effect waves-light btn light-green darken-2 btn-small">button</a> <a class="waves-effect waves-light btn light-green darken-3 btn-small">button</a> <a class="waves-effect waves-light btn light-green darken-4 btn-small">button</a> <a class="waves-effect waves-light btn light-green darken-5 btn-small">button</a> <a class="waves-effect waves-light btn light-green accent-1 btn-small">button</a> <a class="waves-effect waves-light btn light-green accent-2 btn-small">button</a> <a class="waves-effect waves-light btn light-green accent-3 btn-small">button</a> <a class="waves-effect waves-light btn light-green accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn light-green lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn light-green lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn light-green lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn light-green lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn light-green lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn light-green btn-large">button</a> <a class="waves-effect waves-light btn light-green darken-1 btn-large">button</a> <a class="waves-effect waves-light btn light-green darken-2 btn-large">button</a> <a class="waves-effect waves-light btn light-green darken-3 btn-large">button</a> <a class="waves-effect waves-light btn light-green darken-4 btn-large">button</a> <a class="waves-effect waves-light btn light-green darken-5 btn-large">button</a> <a class="waves-effect waves-light btn light-green accent-1 btn-large">button</a> <a class="waves-effect waves-light btn light-green accent-2 btn-large">button</a> <a class="waves-effect waves-light btn light-green accent-3 btn-large">button</a> <a class="waves-effect waves-light btn light-green accent-4 btn-large">button</a> </div> </div> <div> <h3>Lime</h3> <a class="waves-effect waves-light btn lime lighten-1">button</a> <a class="waves-effect waves-light btn lime lighten-2">button</a> <a class="waves-effect waves-light btn lime lighten-3">button</a> <a class="waves-effect waves-light btn lime lighten-4">button</a> <a class="waves-effect waves-light btn lime lighten-5">button</a> <a class="waves-effect waves-light btn lime">button</a> <a class="waves-effect waves-light btn lime darken-1">button</a> <a class="waves-effect waves-light btn lime darken-2">button</a> <a class="waves-effect waves-light btn lime darken-3">button</a> <a class="waves-effect waves-light btn lime darken-4">button</a> <a class="waves-effect waves-light btn lime darken-5">button</a> <a class="waves-effect waves-light btn lime accent-1">button</a> <a class="waves-effect waves-light btn lime accent-2">button</a> <a class="waves-effect waves-light btn lime accent-3">button</a> <a class="waves-effect waves-light btn lime accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn lime lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn lime lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn lime lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn lime lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn lime lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn lime btn-small">button</a> <a class="waves-effect waves-light btn lime darken-1 btn-small">button</a> <a class="waves-effect waves-light btn lime darken-2 btn-small">button</a> <a class="waves-effect waves-light btn lime darken-3 btn-small">button</a> <a class="waves-effect waves-light btn lime darken-4 btn-small">button</a> <a class="waves-effect waves-light btn lime darken-5 btn-small">button</a> <a class="waves-effect waves-light btn lime accent-1 btn-small">button</a> <a class="waves-effect waves-light btn lime accent-2 btn-small">button</a> <a class="waves-effect waves-light btn lime accent-3 btn-small">button</a> <a class="waves-effect waves-light btn lime accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn lime lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn lime lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn lime lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn lime lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn lime lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn lime btn-large">button</a> <a class="waves-effect waves-light btn lime darken-1 btn-large">button</a> <a class="waves-effect waves-light btn lime darken-2 btn-large">button</a> <a class="waves-effect waves-light btn lime darken-3 btn-large">button</a> <a class="waves-effect waves-light btn lime darken-4 btn-large">button</a> <a class="waves-effect waves-light btn lime darken-5 btn-large">button</a> <a class="waves-effect waves-light btn lime accent-1 btn-large">button</a> <a class="waves-effect waves-light btn lime accent-2 btn-large">button</a> <a class="waves-effect waves-light btn lime accent-3 btn-large">button</a> <a class="waves-effect waves-light btn lime accent-4 btn-large">button</a> </div> </div> <div> <h3>Yellow</h3> <a class="waves-effect waves-light btn yellow lighten-1">button</a> <a class="waves-effect waves-light btn yellow lighten-2">button</a> <a class="waves-effect waves-light btn yellow lighten-3">button</a> <a class="waves-effect waves-light btn yellow lighten-4">button</a> <a class="waves-effect waves-light btn yellow lighten-5">button</a> <a class="waves-effect waves-light btn yellow">button</a> <a class="waves-effect waves-light btn yellow darken-1">button</a> <a class="waves-effect waves-light btn yellow darken-2">button</a> <a class="waves-effect waves-light btn yellow darken-3">button</a> <a class="waves-effect waves-light btn yellow darken-4">button</a> <a class="waves-effect waves-light btn yellow darken-5">button</a> <a class="waves-effect waves-light btn yellow accent-1">button</a> <a class="waves-effect waves-light btn yellow accent-2">button</a> <a class="waves-effect waves-light btn yellow accent-3">button</a> <a class="waves-effect waves-light btn yellow accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn yellow lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn yellow lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn yellow lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn yellow lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn yellow lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn yellow btn-small">button</a> <a class="waves-effect waves-light btn yellow darken-1 btn-small">button</a> <a class="waves-effect waves-light btn yellow darken-2 btn-small">button</a> <a class="waves-effect waves-light btn yellow darken-3 btn-small">button</a> <a class="waves-effect waves-light btn yellow darken-4 btn-small">button</a> <a class="waves-effect waves-light btn yellow darken-5 btn-small">button</a> <a class="waves-effect waves-light btn yellow accent-1 btn-small">button</a> <a class="waves-effect waves-light btn yellow accent-2 btn-small">button</a> <a class="waves-effect waves-light btn yellow accent-3 btn-small">button</a> <a class="waves-effect waves-light btn yellow accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn yellow lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn yellow lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn yellow lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn yellow lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn yellow lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn yellow btn-large">button</a> <a class="waves-effect waves-light btn yellow darken-1 btn-large">button</a> <a class="waves-effect waves-light btn yellow darken-2 btn-large">button</a> <a class="waves-effect waves-light btn yellow darken-3 btn-large">button</a> <a class="waves-effect waves-light btn yellow darken-4 btn-large">button</a> <a class="waves-effect waves-light btn yellow darken-5 btn-large">button</a> <a class="waves-effect waves-light btn yellow accent-1 btn-large">button</a> <a class="waves-effect waves-light btn yellow accent-2 btn-large">button</a> <a class="waves-effect waves-light btn yellow accent-3 btn-large">button</a> <a class="waves-effect waves-light btn yellow accent-4 btn-large">button</a> </div> </div> <div> <h3>Amber</h3> <a class="waves-effect waves-light btn amber lighten-1">button</a> <a class="waves-effect waves-light btn amber lighten-2">button</a> <a class="waves-effect waves-light btn amber lighten-3">button</a> <a class="waves-effect waves-light btn amber lighten-4">button</a> <a class="waves-effect waves-light btn amber lighten-5">button</a> <a class="waves-effect waves-light btn amber">button</a> <a class="waves-effect waves-light btn amber darken-1">button</a> <a class="waves-effect waves-light btn amber darken-2">button</a> <a class="waves-effect waves-light btn amber darken-3">button</a> <a class="waves-effect waves-light btn amber darken-4">button</a> <a class="waves-effect waves-light btn amber darken-5">button</a> <a class="waves-effect waves-light btn amber accent-1">button</a> <a class="waves-effect waves-light btn amber accent-2">button</a> <a class="waves-effect waves-light btn amber accent-3">button</a> <a class="waves-effect waves-light btn amber accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn amber lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn amber lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn amber lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn amber lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn amber lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn amber btn-small">button</a> <a class="waves-effect waves-light btn amber darken-1 btn-small">button</a> <a class="waves-effect waves-light btn amber darken-2 btn-small">button</a> <a class="waves-effect waves-light btn amber darken-3 btn-small">button</a> <a class="waves-effect waves-light btn amber darken-4 btn-small">button</a> <a class="waves-effect waves-light btn amber darken-5 btn-small">button</a> <a class="waves-effect waves-light btn amber accent-1 btn-small">button</a> <a class="waves-effect waves-light btn amber accent-2 btn-small">button</a> <a class="waves-effect waves-light btn amber accent-3 btn-small">button</a> <a class="waves-effect waves-light btn amber accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn amber lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn amber lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn amber lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn amber lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn amber lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn amber btn-large">button</a> <a class="waves-effect waves-light btn amber darken-1 btn-large">button</a> <a class="waves-effect waves-light btn amber darken-2 btn-large">button</a> <a class="waves-effect waves-light btn amber darken-3 btn-large">button</a> <a class="waves-effect waves-light btn amber darken-4 btn-large">button</a> <a class="waves-effect waves-light btn amber darken-5 btn-large">button</a> <a class="waves-effect waves-light btn amber accent-1 btn-large">button</a> <a class="waves-effect waves-light btn amber accent-2 btn-large">button</a> <a class="waves-effect waves-light btn amber accent-3">button</a> <a class="waves-effect waves-light btn amber accent-4 btn-large">button</a> </div> </div> <div> <h3>Orange</h3> <a class="waves-effect waves-light btn orange lighten-1">button</a> <a class="waves-effect waves-light btn orange lighten-2">button</a> <a class="waves-effect waves-light btn orange lighten-3">button</a> <a class="waves-effect waves-light btn orange lighten-4">button</a> <a class="waves-effect waves-light btn orange lighten-5">button</a> <a class="waves-effect waves-light btn orange">button</a> <a class="waves-effect waves-light btn orange darken-1">button</a> <a class="waves-effect waves-light btn orange darken-2">button</a> <a class="waves-effect waves-light btn orange darken-3">button</a> <a class="waves-effect waves-light btn orange darken-4">button</a> <a class="waves-effect waves-light btn orange darken-5">button</a> <a class="waves-effect waves-light btn orange accent-1">button</a> <a class="waves-effect waves-light btn orange accent-2">button</a> <a class="waves-effect waves-light btn orange accent-3">button</a> <a class="waves-effect waves-light btn orange accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn orange lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn orange lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn orange lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn orange lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn orange lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn orange btn-small">button</a> <a class="waves-effect waves-light btn orange darken-1 btn-small">button</a> <a class="waves-effect waves-light btn orange darken-2 btn-small">button</a> <a class="waves-effect waves-light btn orange darken-3 btn-small">button</a> <a class="waves-effect waves-light btn orange darken-4 btn-small">button</a> <a class="waves-effect waves-light btn orange darken-5 btn-small">button</a> <a class="waves-effect waves-light btn orange accent-1 btn-small">button</a> <a class="waves-effect waves-light btn orange accent-2 btn-small">button</a> <a class="waves-effect waves-light btn orange accent-3 btn-small">button</a> <a class="waves-effect waves-light btn orange accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn orange lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn orange lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn orange lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn orange lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn orange lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn orange btn-large">button</a> <a class="waves-effect waves-light btn orange darken-1 btn-large">button</a> <a class="waves-effect waves-light btn orange darken-2 btn-large">button</a> <a class="waves-effect waves-light btn orange darken-3 btn-large">button</a> <a class="waves-effect waves-light btn orange darken-4 btn-large">button</a> <a class="waves-effect waves-light btn orange darken-5 btn-large">button</a> <a class="waves-effect waves-light btn orange accent-1 btn-large">button</a> <a class="waves-effect waves-light btn orange accent-2 btn-large">button</a> <a class="waves-effect waves-light btn orange accent-3 btn-large">button</a> <a class="waves-effect waves-light btn orange accent-4 btn-large">button</a> </div> </div> <div> <h3>Deep Orange</h3> <a class="waves-effect waves-light btn deep-orange lighten-1">button</a> <a class="waves-effect waves-light btn deep-orange lighten-2">button</a> <a class="waves-effect waves-light btn deep-orange lighten-3">button</a> <a class="waves-effect waves-light btn deep-orange lighten-4">button</a> <a class="waves-effect waves-light btn deep-orange lighten-5">button</a> <a class="waves-effect waves-light btn deep-orange">button</a> <a class="waves-effect waves-light btn deep-orange darken-1">button</a> <a class="waves-effect waves-light btn deep-orange darken-2">button</a> <a class="waves-effect waves-light btn deep-orange darken-3">button</a> <a class="waves-effect waves-light btn deep-orange darken-4">button</a> <a class="waves-effect waves-light btn deep-orange darken-5">button</a> <a class="waves-effect waves-light btn deep-orange accent-1">button</a> <a class="waves-effect waves-light btn deep-orange accent-2">button</a> <a class="waves-effect waves-light btn deep-orange accent-3">button</a> <a class="waves-effect waves-light btn deep-orange accent-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn deep-orange lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange btn-small">button</a> <a class="waves-effect waves-light btn deep-orange darken-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange darken-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange darken-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange darken-4 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange darken-5 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange accent-1 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange accent-2 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange accent-3 btn-small">button</a> <a class="waves-effect waves-light btn deep-orange accent-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn deep-orange lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange btn-large">button</a> <a class="waves-effect waves-light btn deep-orange darken-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange darken-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange darken-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange darken-4 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange darken-5 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange accent-1 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange accent-2 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange accent-3 btn-large">button</a> <a class="waves-effect waves-light btn deep-orange accent-4 btn-large">button</a> </div> </div> <div> <h3>Brown</h3> <a class="waves-effect waves-light btn brown lighten-1">button</a> <a class="waves-effect waves-light btn brown lighten-2">button</a> <a class="waves-effect waves-light btn brown lighten-3">button</a> <a class="waves-effect waves-light btn brown lighten-4">button</a> <a class="waves-effect waves-light btn brown lighten-5">button</a> <a class="waves-effect waves-light btn brown">button</a> <a class="waves-effect waves-light btn brown darken-1">button</a> <a class="waves-effect waves-light btn brown darken-2">button</a> <a class="waves-effect waves-light btn brown darken-3">button</a> <a class="waves-effect waves-light btn brown darken-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn brown lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn brown lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn brown lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn brown lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn brown lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn brown btn-small">button</a> <a class="waves-effect waves-light btn brown darken-1 btn-small">button</a> <a class="waves-effect waves-light btn brown darken-2 btn-small">button</a> <a class="waves-effect waves-light btn brown darken-3 btn-small">button</a> <a class="waves-effect waves-light btn brown darken-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn brown lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn brown lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn brown lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn brown lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn brown lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn brown btn-large">button</a> <a class="waves-effect waves-light btn brown darken-1 btn-large">button</a> <a class="waves-effect waves-light btn brown darken-2 btn-large">button</a> <a class="waves-effect waves-light btn brown darken-3 btn-large">button</a> <a class="waves-effect waves-light btn brown darken-4 btn-large">button</a> </div> </div> <div> <h3>Grey</h3> <a class="waves-effect waves-light btn grey lighten-1">button</a> <a class="waves-effect waves-light btn grey lighten-2">button</a> <a class="waves-effect waves-light btn grey lighten-3 text-black">button</a> <a class="waves-effect waves-light btn grey lighten-4 text-black">button</a> <a class="waves-effect waves-light btn grey lighten-5">button</a> <a class="waves-effect waves-light btn grey">button</a> <a class="waves-effect waves-light btn grey darken-1">button</a> <a class="waves-effect waves-light btn grey darken-2">button</a> <a class="waves-effect waves-light btn grey darken-3">button</a> <a class="waves-effect waves-light btn grey darken-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn grey lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn grey lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn grey lighten-3 btn-small text-black">button</a> <a class="waves-effect waves-light btn grey lighten-4 btn-small text-black">button</a> <a class="waves-effect waves-light btn grey lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn grey btn-small">button</a> <a class="waves-effect waves-light btn grey darken-1 btn-small">button</a> <a class="waves-effect waves-light btn grey darken-2 btn-small">button</a> <a class="waves-effect waves-light btn grey darken-3 btn-small">button</a> <a class="waves-effect waves-light btn grey darken-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn grey lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn grey lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn grey lighten-3 btn-large text-black">button</a> <a class="waves-effect waves-light btn grey lighten-4 btn-large text-black">button</a> <a class="waves-effect waves-light btn grey lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn grey btn-large">button</a> <a class="waves-effect waves-light btn grey darken-1 btn-large">button</a> <a class="waves-effect waves-light btn grey darken-2 btn-large">button</a> <a class="waves-effect waves-light btn grey darken-3 btn-large">button</a> <a class="waves-effect waves-light btn grey darken-4 btn-large">button</a> </div> </div> <div> <h3>Blue Grey</h3> <a class="waves-effect waves-light btn blue-grey lighten-1">button</a> <a class="waves-effect waves-light btn blue-grey lighten-2">button</a> <a class="waves-effect waves-light btn blue-grey lighten-3">button</a> <a class="waves-effect waves-light btn blue-grey lighten-4">button</a> <a class="waves-effect waves-light btn blue-grey lighten-5">button</a> <a class="waves-effect waves-light btn blue-grey">button</a> <a class="waves-effect waves-light btn blue-grey darken-1">button</a> <a class="waves-effect waves-light btn blue-grey darken-2">button</a> <a class="waves-effect waves-light btn blue-grey darken-3">button</a> <a class="waves-effect waves-light btn blue-grey darken-4">button</a> <div> <h3>Small</h3> <a class="waves-effect waves-light btn blue-grey lighten-1 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey lighten-2 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey lighten-3 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey lighten-4 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey lighten-5 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey btn-small">button</a> <a class="waves-effect waves-light btn blue-grey darken-1 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey darken-2 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey darken-3 btn-small">button</a> <a class="waves-effect waves-light btn blue-grey darken-4 btn-small">button</a> </div> <div> <h3>Large</h3> <a class="waves-effect waves-light btn blue-grey lighten-1 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey lighten-2 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey lighten-3 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey lighten-4 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey lighten-5 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey btn-large">button</a> <a class="waves-effect waves-light btn blue-grey darken-1 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey darken-2 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey darken-3 btn-large">button</a> <a class="waves-effect waves-light btn blue-grey darken-4 btn-large">button</a> </div> </div> </body> </html>

body{ font-family: 'Spinnaker', sans-serif; } div{ text-align: center; padding: 10px; } a{ margin: 5px; } .text-black,.lighten-5{ color: #2d3436; }

Questions / Comments:

Posting GuidelinesFormatting