Now you can create your own class naming, shorten the class or make the class name unique is your right now. Enjoy easy access for you to express a class name
First create a file called v-maker-config.js.
Create a file v-maker-config.js.
Make sure the file is in the "root" of the folder (in line with your valclass.js file)
<-- v-maker-config.js -->
createMakerUtilitiesName({
let createUtilities = [
"flex",
"block",
"center",
"relative",
]
let valueUtilities = [
"display: flex;",
"display: block;",
"text-align: center;",
"position: relative;",
],
// menuBreakpoints =>
// mb : untuk 320px - 600px
// tb : untuk 601px - 900px
// df : untuk 901px - 1920px
// pc : untuk min-width (1921px)
let breakpointsUtilities = [
"mb",
"tb",
"df",
"pc",
]
})
call all classes into your html file
Call all the classes from the v-maker-config.js file into your html code.
<-- index.html -->
<div class="relative flex">
<button class="center block relative">
Buy now
</button>
</div>