@hdlegend/tailwind v0.0.3

@hdlegend/tailwind

Installation

Install tailwind first

https://tailwindcss.com/docs/installation

Install HDLegend tailwind package

npm i -D @hdlegend/tailwind

or

yarn add -D @hdlegend/tailwind

Include HDLegend preset

// tailwind.config.js
module.export = {
  ...
  presets: [
    require('@hdlegend/tailwind'),
    ...
  ]
}

Config font-family

For sample:

/* tailwind.css */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

// tailwind.config.js
module.export = {
  ...
  theme: {
    fontFamily: {
      sans: 'Mulish, sans-serif',
    },
  }
}