pantoken-root / visual-debug

visual-debug ​

Beta

@pantoken/plugin-visual-debug — CSS الخاص بخاصية withVisualDebug في InstUI.

تأخذ بدائيات التخطيط في InstUI (View, Flex, Grid, List, …) withVisualDebug لتحديد محيط الصندوق وأطفاله أثناء تصحيح التخطيط. يصدر هذا الملحق مُعدّلًا واحدًا مسبوقًا بشرطة، -with-visual-debug، الذي يعمل على أي عنصر (مركب مع أي أساس، مثلًا .instui-view -with-visual-debug). لون المحيط هو خاصية مخصصة --pantoken-visual-debug-color (افتراضيًا وردي فاقع) لذا من السهل إعادة تلوينه.

Example ​

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";
import { visualDebug } from "@pantoken/plugin-visual-debug";

const css = toCss(byTheme("rebrand"), { plugins: [visualDebug()] });
// <div class="instui-view -with-visual-debug">…</div>

الواجهات ​

المتغيرات ​

الدوال ​

References ​

default ​

يعيد تسمية ويُعيد تصدير visualDebug