bg-origin-border/padding/content — where the background starts measuring. This family contains 3 generated classes in Nakshora 3.0.

Classes#

ClassGenerated CSS
bg-origin-borderbackground-origin: border-box;
bg-origin-paddingbackground-origin: padding-box;
bg-origin-contentbackground-origin: content-box;

Example#

example
html
<div class="border-4 border-dotted bg-origin-border bg-clip-border p-4">…</div>

Responsive & variants#

Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.

utilities/backgrounds/gradients|Gradients · colors/index|Colors