left-swipe-action-button.html

<!--
'left-swipe-action-button' is a button working with left-swipe-action. 
The button is fit with a content height and aligned as table cells.

    <left-swipe-action-button onclick="alert('delete')">Delete</left-swipe-action-button>

To customize styles, please add your styles to the element.
    <left-swipe-action-button style="background-color: #9F499B; color: #fff;" onclick="alert('favorite')">Favorite</left-swipe-action-button>

@element left-swipe-action-button
@auther tejitak
-->
<dom-module id="left-swipe-action-button">
    <style>
        :host {
            display: table;
            height: 100%;
            padding: 0 20px;
        }

        .action-button-wrapper {
            display: table-cell;
            vertical-align: middle;
            font-size: 1.8rem;
            font-weight: 300;
        }
    </style>
    <template>
        <div class="action-button-wrapper">
            <content></content>
        </div>
    </template>
</dom-module>
<script>
    Polymer({is: "left-swipe-action-button"});
</script>