@siimple/preset-mustard

$ npm install --save @siimple/preset-mustard

import mustard from "@siimple/preset-mustard";

export default {
    ...mustard,
    // ...other configuration

    // If you need to define your own variants, first extend the preset variants.
    // For example:
    buttons: {
        ...mustard.buttons,
        // ...your custom buttons variants
    },

    // In case that you need to add your custom styles, first extend the styles
    // defined in mustard.styles:
    styles: {
        ...mustard.styles,
        // ...your custom styles
    },
};

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap">

<!-- Light button -->
<button class="button is-light">Light button</button>

<!-- Light alert -->
<div class="alert is-light">
    Light alert content
</div>

<!-- Light badge -->
<span class="badge is-light">Light badge</span>

<button class="button is-outlined">Outlined button</button>