1
2
3
4
{
  "href": "javascript:void(0)",
  "text": "Economics"
}

1
2
3
4
5
6
7
8
9
{% if href %}
	<a href="{{href}}" class="a-tag">
		{{ text }}
	</a>
{% else %}
	<div class="a-tag">
		{{ text }}
	</div>
{% endif %}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.a-tag {
  display: inline-block;
  @include theme-contrast;
  background-color: var(--color--background);
  color: var(--color--text--aux);
  transition: background-color $timing--short $bezier--standard;
  @include f-ui-4;
  padding: 8px 12px;
  white-space: nowrap;
  @media print {
    border-width: 1px;
  }

  &[href]:hover {
    background-color: var(--color--background--hover);
  }
}