Here's an example of how to achieve what you want with only HTML & CSS.
:root
{
--data-indent: 0;
--data-indent-size: 20px;
}
.indent
{
--data-indent: 1;
}
.indent:before
{
content: "";
padding-left: calc( var(--data-indent) * var(--data-indent-size) );
}
<p>No indent class.</p>
<p class="indent">Simple indent class.</p>
<p class="indent" style="--data-indent: 2">Double indent style.</p>
<p class="indent" style="--data-indent: 3">Tripple indent style.</p>