Skip to content

Instantly share code, notes, and snippets.

@marko911
Created November 5, 2016 19:31
Show Gist options
  • Save marko911/6622b642422421811635789660b9aa8a to your computer and use it in GitHub Desktop.
Save marko911/6622b642422421811635789660b9aa8a to your computer and use it in GitHub Desktop.
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment