Skip to main content

Feature-custom

Specifies the value of the class in valclass

You can specify the value of a CSS property using the utility classes defined in valclass. The last word of the utility class name will be used as the value for the corresponding CSS property

Usage: additional vocabulary​

Use "v-[value]" => "vc-[value]" to prefix all your utilities to enable the use of custom and flexible values, with no limit on the number of options.

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>

Example in your HTML.​

index.html
 <div class="vc-radius-100000000px">

    result: background-color: car;
    <div class="vc-bg-car"> 
    </div>

    result: color: LOL;
    <div class="vc-color-LOL"> 
    </div>
    
    result: text-align: CenTeR;
    <div class="vc-text-CenTeR"> 
    </div>

</div