You get access to enter or specify the value of the utilities class that is in valclass. every last word of the utility name that is called then it will be converted as the value of the css property (according to utilities)
However, there is a slight difference when writing the names of utilities in this custom mode.
you must use the CDN link
https://cdn.jsdelivr.net/gh/valclassdevelop/valclassDocumentation/valclass.js
normal mode
<-- index.html -->
<div class="v-radius-{value of default}">
<div class="v-bg-{value of default}">
</div>
<div class="v-color-{value of dafult}">
</div>
<div class="v-text-{value of default}">
</div>
</div>
<-- index.html -->
<div class="v-radius-full">
<div class="v-bg-danger">
</div>
<div class="v-color-info">
</div>
<div class="v-text-center">
</div>
</div>
- border-radius: 99999px
- background-color: rgb(255, 76, 44);
- color: rgb(2, 168, 245);
- text-align: center;
custom mode
<-- index.html -->
<div class="vc-radius-{value of custom}">
<div class="vc-bg-{value of custom}">
</div>
<div class="vc-color-{value of custom}">
</div>
<div class="vc-text-{value of custom}">
</div>
</div>
<-- index.html -->
<div class="vc-radius-100000000px">
<div class="vc-bg-car">
</div>
<div class="vc-color-LOL">
</div>
<div class="vc-text-CenTeR">
</div>
</div>
- border-radius: 100000000px
- background-color: car;
- color: LOL;
- text-align: CenTeR;