Style keywords as chips

This commit is contained in:
Rafael Bardini 2020-02-10 20:31:21 +01:00
parent 7cfe02ba2c
commit 928404a82e
2 changed files with 14 additions and 6 deletions

View File

@ -383,9 +383,7 @@
{{/name}} {{/name}}
{{#if keywords.length}} {{#if keywords.length}}
<ul class="keywords"> <ul class="keywords">
{{#keywords}} {{#keywords}}<li>{{.}}</li>{{/keywords}}
<li>{{.}}</li>
{{/keywords}}
</ul> </ul>
{{/if}} {{/if}}
</div> </div>
@ -437,9 +435,7 @@
{{/name}} {{/name}}
{{#if keywords.length}} {{#if keywords.length}}
<ul class="keywords"> <ul class="keywords">
{{#keywords}} {{#keywords}}<li>{{.}}</li>{{/keywords}}
<li>{{.}}</li>
{{/keywords}}
</ul> </ul>
{{/if}} {{/if}}
</div> </div>

View File

@ -69,6 +69,18 @@ h4 span:first-child {
.col-sm-12 + .col-sm-12 { .col-sm-12 + .col-sm-12 {
margin-top: 30px; margin-top: 30px;
} }
.keywords {
padding: 0;
}
.keywords > li {
display: inline-block;
background: #f4f6f6;
margin: 0 4px 4px 0;
padding: 2px 8px;
}
.keywords > li:before {
content: none;
}
#header { #header {
background: #f4f6f6; background: #f4f6f6;
padding: 50px 0; padding: 50px 0;