indent-* / -indent-* — first-line indentation from the spacing scale. This family contains 70 generated classes in Nakshora 3.1.

Classes#

ClassGenerated CSS
indent-0text-indent: 0px;
-indent-0text-indent: -0px;
indent-1text-indent: 0.25rem;
-indent-1text-indent: -0.25rem;
indent-2text-indent: 0.5rem;
-indent-2text-indent: -0.5rem;
indent-3text-indent: 0.75rem;
-indent-3text-indent: -0.75rem;
indent-4text-indent: 1rem;
-indent-4text-indent: -1rem;
indent-5text-indent: 1.25rem;
-indent-5text-indent: -1.25rem;
indent-6text-indent: 1.5rem;
-indent-6text-indent: -1.5rem;
indent-7text-indent: 1.75rem;
-indent-7text-indent: -1.75rem;
indent-8text-indent: 2rem;
-indent-8text-indent: -2rem;
indent-9text-indent: 2.25rem;
-indent-9text-indent: -2.25rem;
indent-10text-indent: 2.5rem;
-indent-10text-indent: -2.5rem;
indent-11text-indent: 2.75rem;
-indent-11text-indent: -2.75rem;
indent-12text-indent: 3rem;
-indent-12text-indent: -3rem;
indent-14text-indent: 3.5rem;
-indent-14text-indent: -3.5rem;
indent-16text-indent: 4rem;
-indent-16text-indent: -4rem;
indent-20text-indent: 5rem;
-indent-20text-indent: -5rem;
indent-24text-indent: 6rem;
-indent-24text-indent: -6rem;
indent-28text-indent: 7rem;
-indent-28text-indent: -7rem;
indent-32text-indent: 8rem;
-indent-32text-indent: -8rem;
indent-36text-indent: 9rem;
-indent-36text-indent: -9rem;
indent-40text-indent: 10rem;
-indent-40text-indent: -10rem;
indent-44text-indent: 11rem;
-indent-44text-indent: -11rem;
indent-48text-indent: 12rem;
-indent-48text-indent: -12rem;
indent-52text-indent: 13rem;
-indent-52text-indent: -13rem;
indent-56text-indent: 14rem;
-indent-56text-indent: -14rem;
indent-60text-indent: 15rem;
-indent-60text-indent: -15rem;
indent-64text-indent: 16rem;
-indent-64text-indent: -16rem;
indent-72text-indent: 18rem;
-indent-72text-indent: -18rem;
indent-80text-indent: 20rem;
-indent-80text-indent: -20rem;
indent-96text-indent: 24rem;
-indent-96text-indent: -24rem;

…and 10 more in this family — search by class name to find the exact one.

Example#

example
html
<p class="indent-8">Classical paragraph indent.</p>

Responsive & variants#

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

colors/index|Text color · utilities/typography/font-size|Font size