Skip to main content

Class-color

Utilities for controlling how a background image behaves when scrolling.

Use the v-color-* utilities to control the color of an element. You can use
the feat: custom feature if you want the background color to suit your needs.

Table list colors​

Class nameProperties
v-bg-color background-color: border-box;
v-bg-color background-color: padding-box;
v-bg-color background-color: content-box;
v-bg-colorbackground-color: text;

The table above presents several types of colors with different variants.

Example Code​

index.html
<div>
    <span class="v-bg-dark">
        example color
    </span>
    <span class="v-bg-light">
        example color 
    </span>
    <span class="v-bg-danger">
        example color 
    </span>
    <span class="v-bg-info">
        example color 
    </span>
</div>