<nav class="languages ">
<ul class="languages__list">
<li class="languages__item ">
<a href="#" class="languages__link">est</a>
</li>
<li class="languages__item is-current">
<a href="#" class="languages__link">eng</a>
</li>
<li class="languages__item ">
<a href="#" class="languages__link">rus</a>
</li>
</ul>
</nav>
<nav class="languages {{ modifier }} {{ class }}">
{% if data.items %}
<ul class="languages__list">
{% for item in data.items %}
<li class="languages__item {% if item.current %}is-current{% endif %}">
<a href="{{ item.link }}" class="languages__link">{{ item.title }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
{
"language": "en-US",
"data": {
"items": [
{
"link": "#",
"title": "est"
},
{
"link": "#",
"title": "eng",
"current": "true"
},
{
"link": "#",
"title": "rus"
}
]
}
}
.languages__link {
.languages__item.is-current > & {
text-decoration: underline;
}
}
import './languages.scss';