<div class="availability">
<span class="availability__bullet"></span>
<span class="availability__text">Saadaval</span>
</div>
{% set BEM -%}
availability
{%- if modifier %} {{ modifier }}{% endif %}
{%- if class %} {{ class }}{% endif %}
{%- endset %}
<div class="{{ BEM }}">
<span class="availability__bullet"></span>
<span class="availability__text">{{ data.text }}</span>
</div>
{
"language": "en-US",
"data": {
"text": "Saadaval"
}
}
.availability__bullet {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: $border-radius-round;
background-color: $L-text-success;
}
import './availability.scss';