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

<dom-module id="hero-button">
  <template>
    <style>
      :host ::content button.btn {
        padding: 10px;
        padding-top: 11px;

        border-radius: 2px;
        border: none;

        letter-spacing: 0.5px;
        outline: none;

        min-width: 170px;

        position: relative;
      }
    </style>

    <button type="button" class="btn" disabled="{{disabled}}">
      <content></content>
    </button>
  </template>

  <script>
    Polymer({
      is: "hero-button",
      properties: {
        disabled: {
          type: String
        },
        type: {
          type: String,
          value: 'primary'
        }
      },
      ready: function() {
        this.querySelector('.btn').className += ' btn-' + this.type;
      }
    });
  </script>
</dom-module>

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

<dom-module id="hero-button">
  <template>
    <style>
      :host ::content button.btn {
        padding: 10px;
        padding-top: 11px;

        border-radius: 2px;
        border: none;

        letter-spacing: 0.5px;
        outline: none;

        min-width: 170px;

        position: relative;
      }

      /*
       * Remove blue/orange outline
       * !important is needed here for some reason
       * despite the rule having top precedence.
       */
      :host ::content button.btn:focus {
        outline: none !important;
      }
    </style>

    <button type="button" class="btn" disabled="{{disabled}}">
      <content></content>
    </button>
  </template>

  <script>
    Polymer({
      is: "hero-button",
      properties: {
        disabled: {
          type: String
        },
        type: {
          type: String,
          value: 'primary'
        }
      },
      ready: function() {
        this.querySelector('.btn').className += ' btn-' + this.type;
      }
    });
  </script>
</dom-module>

Fix button outline on focus
all: Fix button outline on focus

Fixes: https://github.com/resin-io/herostratus/issues/24
