Like Button

components/_like-btn.scss

Wariant dark (domyślny — na ciemne tło)

Default off

is-liked (on)

Wariant light (.like-btn--light — na jasne tło)

Default off

is-liked (on)

Temowanie (.theme-*)

Kolor --like-btn-color zmieniany per produkt. Stan is-liked zawsze: theme fill + biały stroke.

.theme-blue

.theme-red

.theme-pink

.theme-gold

.theme-green

.theme-blue + light

.theme-red + light

.theme-pink + light

.theme-gold + light

.theme-green + light

Użycie HTML

<!-- Dark (domyślny) -->
<button class="like-btn" data-likes="303">
  <svg>...</svg>
  <span class="like-btn__count">303</span>
</button>

<!-- Light (na jasne tło) -->
<button class="like-btn like-btn--light" data-likes="306">
  <svg>...</svg>
  <span class="like-btn__count">306</span>
</button>

<!-- Temowanie: dodaj .theme-* na kontenerze nadrzędnym -->
<div class="theme-red">
  <button class="like-btn like-btn--light">...</button>
</div>