<button class="c-bookmark" title="Artikel merken">
<i class="far fa-bookmark c-bookmark__icon"></i>
<span class="c-bookmark__label">Artikel merken</span></button>
<button class="c-bookmark" title="{{ text }}">
<i class="far fa-bookmark c-bookmark__icon"></i>
{% if hasText %}<span class="c-bookmark__label">{{ text }}</span>{% endif %}
</button>
{
"text": "Artikel merken",
"hasText": true
}
.c-bookmark {
color: $color-grey-light;
display: flex;
&__icon {
@include fluid-type(rem-calc(640), rem-calc(1200), rem-calc(26), rem-calc(21));
}
&__label {
margin-left: .5rem;
@include fluid-type(rem-calc(640), rem-calc(1200), rem-calc(16), rem-calc(14));
}
// Override color when used in dark sections
.o-section.o-section--dark & {
color: $color-white;
text-shadow: 1px 1px 2px rgba($color-black, .25);
}
}
There are no notes for this item.