feat: tags are pill badges
This commit is contained in:
parent
2c5d44ee0b
commit
3febfb1a33
2 changed files with 15 additions and 2 deletions
|
|
@ -156,3 +156,16 @@ th, td {
|
|||
table caption {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tag {
|
||||
display: inline-block;
|
||||
padding: 0.25em 0.75em;
|
||||
border-radius: 9999px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
text-transform: lowercase;
|
||||
margin: 0 0.1em;
|
||||
background-color: v.$color_tertiary;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ For a given taxonomy, renders a list of terms assigned to the page.
|
|||
<div>
|
||||
<span>{{ $label }}: </span>
|
||||
{{- range . }}
|
||||
<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
|
||||
<a class="tag" href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
|
||||
{{- end }}
|
||||
</div>
|
||||
{{- end }}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue