Kirill G. - little dive into Polymer

my-el-3.html

<link rel="import"
      href="../bower_components/polymer/polymer.html">
<link rel="import"
      href="../bower_components/paper-fab/paper-fab.html">

<dom-module id="my-el-3">

  <template>
    <style>

      .big-shadow {
        display: inline-block;
        margin: 20px;
        padding: 20px;
      }

      #test-add-icon {
        color: floralwhite;
        --paper-fab-background: blue;
      }

    </style>

    <div class="big-shadow shadow-16dp">
      <paper-fab id="test-add-icon" icon="add" on-click="shout"></paper-fab>
      <paper-fab mini icon="favorite"></paper-fab>
    </div>

    <br/>

  </template>

  <script>
    Polymer({
      is: "my-el-3",
      shout: function () {
        console.log('Shout!');
      }
    });
  </script>

</dom-module>