gistfile1.txt

<dom-module id="gd-column">
    <link rel="stylesheet" href="gd-column.css">
    <template>
    <style is="custom-style">
        paper-item:hover {
                background-color: rgba(158,158,158,0.2);
        }
        .flex {
            @apply(--layout-flex);
        }
        .fullbleed {
            @apply(--layout-fullbleed);
        }
        :host {
            --paper-item-focused-before : {
                background : transparent;
            };
            --paper-item-selected :{
                background: transparent;
            };
            --paper-item : {
                padding-right:0;
            }

        }
    </style>

            <paper-header-panel class="fullbleed" mode="seamed">
                <paper-toolbar>
                    <span class="title">Reddit</span>
                    <paper-icon-button icon="favorite" ></paper-icon-button>
                </paper-toolbar>
                <div class="gd-col-inner">
                    <paper-item class="c-b-b-dark">
                        <paper-ripple></paper-ripple>
                        Article one goes here etc.
                    </paper-item>
                    <paper-item class="c-b-b-dark">
                        <paper-ripple></paper-ripple>
                        Another article title here.
                    </paper-item>
                    <paper-item class="c-b-b-dark" >
                        <paper-ripple></paper-ripple>
                        And we continue here.
                    </paper-item>
                </div>
            </paper-header-panel>
    </template>
</dom-module>