Ombor № 2 — Sergeli
| Mahsulot | Qoldiq |
|---|---|
| Paxta tolasi | 1 240 kg |
| Ip kalava | 380 dona |
Oxirgi inventarizatsiya: 12 oktyabr
Karkas · primitive
Bleed (manfiy çet)
Içki elementni ota konteyner içki çetidan (padding) çiqarib, töliq enga yoyadi (4.19): karta içidagi jadval, rasm, ajratuvçi. .fx-card va .fx-container içida çet miqdori özi aniqlanadi; boşqa joyda data-space (ota içki çeti) bilan. Tomon: inline (standart) · top / bottom (rasm karta tepasida yoki pastida, yoyi kartaga mos) · all · start · end · viewport (ekran enigaça).
Variantlar
| Atribut | Qiymatlar | Standart |
|---|---|---|
data-side | inline çap va öngtop inline + tepaga, yoy kartaga mosbottom inline + pastgaall tört tomongastart faqat boşlaniş tomoniend faqat oxiri tomoniviewport ekran enigaça | inline |
data-space | 345 karta içki çeti68 | 5 |
Anatomiya
- root
.fx-bleedşart
Klaviatura va kiriş
Faqat köriniş: tartib va öqiş ketma-ketligi özgarmaydi.
Kod
AI uçun: qaçon işlatiladi
Işlating
- Karta içida jadval yoki röyxat çekkadan çekkaga çizilişi kerak.
- Karta tepasidagi rasm (media) yoki bölim orasidagi töliq en çiziq.
- Landing: konteyner içidagi bitta banner ekran enigaça.
Işlatmang
- Kartaning standart rasm qismi →
card - Butun sahifa bölimi töliq en →
layout - Ota içki çetidan (padding) katta çet bermang — element kartadan taşqariga çiqib ketadi (data-space ota bilan bir xil bölsin).
- viewport tomonini ota overflow-x: clip bölmagan joyda işlatmang — gorizontal scroll çiqadi.
- Bleed'ni oraliq örniga işlatmang — u faqat çetga tegiş uçun.
npx foxui add bleed
<article class="fx-card" style="max-inline-size: 26rem">
<div class="fx-bleed" data-side="top">
<img alt="Ombor içki körinişi" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20640%20260%22%3E%3Crect%20width%3D%22640%22%20height%3D%22260%22%20fill%3D%22%23d9cbb8%22/%3E%3Ctext%20x%3D%22320%22%20y%3D%22140%22%20font-family%3D%22sans-serif%22%20font-size%3D%2236%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%3EOmbor%20%E2%84%962%3C/text%3E%3C/svg%3E">
</div>
<h3 class="fx-card__title">Ombor № 2 — Sergeli</h3>
<div class="fx-bleed">
<table class="fx-table">
<thead><tr><th>Mahsulot</th><th>Qoldiq</th></tr></thead>
<tbody>
<tr><td>Paxta tolasi</td><td>1 240 kg</td></tr>
<tr><td>Ip kalava</td><td>380 dona</td></tr>
</tbody>
</table>
</div>
<p class="fx-text" data-tone="secondary">Oxirgi inventarizatsiya: 12 oktyabr</p>
</article>Tokenlar: --fx-border-width-default --fx-radius-surface --fx-space-3 --fx-space-4 --fx-space-5 --fx-space-6 --fx-space-8
Şu toifadan
AkkordeonYiğiladigan bölimlar: native <details>; bir xil name bilan bittasi oçiq qoladi.Maqola sahifasiBlog maqolasi sahifasi (4.178): tepada ortga havola va toifa, sarlavha, lid, muallif qatori (avatar, ism, sana, öqiş vaqti) va muqova; ostida uç ustun — çapda yopişqoq ulaşiş tugmalari (Telegram, Facebook, X, havolani nusxalaş — data-fx-copy), markazda matn (fx-prose, 68 belgi kenglik), öngda mundarija (fx-toc — öqilayotgan bölimni belgilaydi).Kiriş sahifasiKiriş / röyxatdan ötiş sahifasi qolipi: markazda karta yoki çapda forma + öngda brend paneli (split).Bento törLanding xususiyatlarini turli ölçamdagi kataklar mozaikasida körsatiş (4.72): data-span bilan 2×1, 1×2, 2×2 va 3×1 kataklar, böş joylar avtomatik töldiriladi (dense).Blog röyxatiBlog boş sahifasi yoki bölimi (4.178): sarlavha, toifa filtri (fx-chip), ixtiyoriy «Tanlangan» katta maqola (data-featured — töliq kenglikda, rasm yonida), kartalar töri va sahifalaş (fx-pagination).KartaYuza: içki çet 20, içidagi oraliq 16.