Skip to main content

Class-border-color

Utilities for controlling the color of an element's borders.

Use the v-m/mt/ml/mr/mb-* utilities to control the h of an element. You can use
the feat: custom feature if you want the h border-color to suit your needs.

Table list border-colors​

Name classProperties
v-border-clr-darkborder-color: rgb(70, 70, 70);
v-border-clr-lightborder-color: rgb(238, 238, 238);
v-border-clr-dangerborder-color: rgb(255, 76, 44);
v-border-clr-infoborder-color: rgb(2, 168, 245);
v-border-clr-primaryborder-color: rgb(42, 131, 248);
v-border-clr-smoothborder-color: rgb(255, 242, 242);
v-border-clr-transparentborder-color: transparent;
v-border-clr-secondaryborder-color: rgb(141, 141, 141);
v-border-clr-warningborder-color: rgb(253, 207, 0);
v-border-clr-greenborder-color: rgb(14, 253, 201);

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

Example Code​

h.html
<div>
<div class="v-borderr-clr-dark">
</div>
<div class="v-borderr-clr-danger">
</div>
<div class="v-borderr-clr-primary">
</div>
<div class="v-borderr-clr-warning">
</div>
<div class="v-borderr-clr-green">
</div>
</div>