play with styling on full page results

This commit is contained in:
Sam 2015-07-27 19:28:10 +10:00
parent 2473a00b26
commit edb794ee86
2 changed files with 20 additions and 7 deletions

View File

@ -19,8 +19,13 @@
</a>{{category-link result.topic.category}} </a>{{category-link result.topic.category}}
</div> </div>
<div class='blurb container'> <div class='blurb container'>
{{format-age result.created_at}}{{#if result.blurb}} <span class='date'>
&ndash; {{format-age result.created_at}}
{{#if result.blurb}}
-
{{/if}}
</span>
{{#if result.blurb}}
{{{unbound result.blurb}}} {{{unbound result.blurb}}}
{{/if}} {{/if}}
</div> </div>

View File

@ -1,9 +1,14 @@
.fps-result { .fps-result {
margin-bottom: 25px;
.badge-wrapper span.badge-category {
max-width: inherit;
}
margin-bottom: 28px;
max-width: 675px; max-width: 675px;
.topic { .topic {
a { a {
color: $primary; color: scale-color($primary, $lightness: 10%);
} }
line-height: 20px; line-height: 20px;
} }
@ -14,15 +19,18 @@
} }
.search-link { .search-link {
.topic-statuses, .topic-title { .topic-statuses, .topic-title {
font-size: 1.15em; font-size: 1.25em;
} }
} }
.blurb { .blurb {
font-size: 1.0em; font-size: 1.0em;
line-height: 20px; line-height: 24px;
word-wrap: break-word; word-wrap: break-word;
clear: both; clear: both;
color: scale-color($primary, $lightness: 45%); color: scale-color($primary, $lightness: 20%);
.date {
color: scale-color($primary, $lightness: 40%);
}
.search-highlight { .search-highlight {
color: scale-color($primary, $lightness: 25%); color: scale-color($primary, $lightness: 25%);