pinafore/routes/_components/search/SearchResult.html

36 lines
805 B
HTML
Raw Normal View History

2018-02-07 04:54:49 +00:00
<li class="search-result">
<a href={{href}} class="search-result-anchor">
2018-02-07 04:54:49 +00:00
<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);
2018-02-07 05:20:33 +00:00
}
.search-result-anchor, .search-result-anchor:visited {
2018-02-07 04:54:49 +00:00
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);
}
2018-02-07 05:20:33 +00:00
@media (max-width: 767px) {
.search-result-anchor {
padding: 15px 10px;
}
}
2018-02-07 04:54:49 +00:00
</style>