Design System v4 · Playing Cards

Cards

suit: 1=♠, 2=♥, 3=♦, 4=♣ · rank: 2..14. Все размеры xs/sm/md/lg/xl доступны.

All sizes

Card backs — all sizes

Open card stacks

Веер tiny · small · normal из 5 открытых карт.

Opponent hand — backs up

Рука соперника для 2 · 3 · 4 · 5+ карт, центрирована по горизонту.

Fan 2–5 cards — md

CardHand — density

spread · compact · tight · stacked. Плотность меняет одну переменную --yc-card-hand-overlap, поэтому размер карты остаётся независимым.

CardHand — state

Итог раунда: neutral · win · lose · tie · bust. Цвет бейджа общего балла и есть подсветка.

CardHand — sizes and surface

surface=table — то же зелёное сукно, что на страницах статей и за игровым столом.

CardHand — locked

Не-VIP в журнале «21»: вместо карт и балла — замки. Номиналы в разметку не попадают.

CardHand — hidden cards

Нераскрытая рука соперника: рубашки вместо карт, общий балл не показывается.

CardHand — обе руки в одну строку

Мобильный режим блока раундов: грид 1fr 1fr, size=xs, density=tight. Сузьте окно — строка не переносится.