Custom Component Demo CSS

component-demo.css

/* Custom CSS for the custom component demo found here: https://gist.github.com/scottopolis/ab9fbf16d67513f29e30626f6cc330d5
Add this CSS in your app customizer under Colors => Custom CSS */
ap-list .event-date {
float:right;
color: #999;
font-weight: bold;
margin-top: 10px
}

ap-list ion-list {
border-bottom: 1px solid #eee;
}

.card-header {
background: #387ef5;
font-weight: bold;
color: #eee;
}

.toolbar-md-light .toolbar-background-md {
background: #eee;
}

.list-header {
display: block;
width: 100%;
padding: 5px 15px;
color: #999;
border-bottom: 2px solid #eee;
}

.slide-zoom .item-title {
background: #fff;
top: 0;
position: absolute;
width: 100%;
}

ap-slider .item-title {
display: none;
}

.custom-page ion-icon:before {
color: #588ac4;
}