<span class="icon-badge">
<div class="icon">
<span class="icon__overlaid-text">CSV</span>
</div>
CSV files
</span>
<span class="icon-badge">
{% render '@icon', { icon_name: icon_name, overlaid_text: overlaid_text } %}
{{ label }}
</span>
{
"overlaid_text": "CSV",
"label": "CSV files"
}
.icon-badge {
display: inline-block;
border: solid 1px $black;
border-radius: 10px;
padding: 0.5rem 0.8rem;
margin: 0 0.5rem 0.5rem 0;
font-size: 80%;
@include breakpoint($medium) {
font-size: 90%;
}
}
No notes defined.