pinafore/routes/_components/search/SearchResult.html
Nolan Lawson 42be854521
upgrade to svelte 2.0 (#251)
* upgrade to svelte 2.0

* update svelte-loader to 2.9.0
2018-05-01 17:05:36 -07:00

36 lines
798 B
HTML

<li class="search-result">
<a {href} class="search-result-anchor">
<slot></slot>
</a>
</li>
<style>
.search-result {
box-sizing: border-box;
border-bottom: 1px solid var(--main-border);
display: flex;
}
.search-result:last-child {
border-bottom: none;
}
.search-result-anchor {
padding: 20px;
flex: 1;
background: var(--settings-list-item-bg);
}
.search-result-anchor, .search-result-anchor:visited {
color: var(--body-text-color);
}
.search-result-anchor:hover {
background: var(--settings-list-item-bg-hover);
text-decoration: none;
}
.search-result-anchor:active {
background: var(--settings-list-item-bg-active);
}
@media (max-width: 767px) {
.search-result-anchor {
padding: 15px 10px;
}
}
</style>