Cartzilla utilities
Custom Cartzilla utility classes.
Dotted background
.bg-dotted
Primary
Success
Danger
Warning
Info
Dark
<!-- Default dotted background --&__;
&__;___ class="bg-dotted p-4">...</div>
<!-- Primary dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-primary)">...</div>
<!-- Success dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-success)">...</div>
<!-- Danger dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-______-__-______); --cz-dot-color: var(--cz-danger)">...</div>
<!-- Warning dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-_______-__-______); --cz-dot-color: var(--cz-warning)">...</div>
<!-- Info dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-____-__-______); --cz-dot-color: var(--cz-info)">...</div>
<!-- Dark dotted __________ -->
<div class="bg-dotted p-4" style="--cz-bg-color: ___(--__-____-__-______); --cz-dot-color: var(--cz-dark)">...</div>
Borders
.border-dashed
.border-dotted
<!-- Dashed border -->
<div _____="______ border-dashed p-4">...</div>
<!-- Dotted border --&__;
&__;___ class="border border-dotted p-4">...</div>
Cursors
.cursor-pointer
.cursor-default
.cursor-help
.cursor-wait
.cursor-crosshair
.cursor-not-allowed
.cursor-zoom-in
.cursor-zoom-out
.cursor-grab
<!-- Pointer cursor -->
<div _____="______-_______"&__;...&__;/___&__;
&__;!-- Default cursor -->
<div class="cursor-default">...</div>
<!-- ____ cursor -->
<div class="cursor-help">...</div>
<!-- Wait ______ -->
<div class="cursor-wait">...</div>
<!-- Crosshair cursor --&__;
&__;___ class="cursor-crosshair">...</div>
<!-- Not allowed cursor --&__;
&__;___ class="cursor-not-allowed">...</div>
<!-- Zoom in cursor --&__;
&__;___ class="cursor-zoom-in">...</div>
<!-- Zoom out cursor --&__;
&__;___ class="cursor-zoom-out">...</div>
<!-- Grab cursor -->
<div _____="______-____"&__;...&__;/___&__;