Croud control css library powered by [tailwindcss](https://tailwindcss.com/) and configured using [@croud-ui/tokens](../tokens/README.md).
npm install @croud-ui/cssCroud control css library powered by tailwindcss
and configured using @croud-ui/tokens.
#### NPM (Recommended):
We recommend consuming this package with tailwindcss and extending our tailwind
config defined in this package.
To do that, you will need to run the following command in your project:
``bash`
yarn add @croud-ui/css tailwindcss --dev
#### CDN:
This package also generates a minified css file containing all the generated tailwind
utility classes.
You can import this external stylesheet by adding this link tag to your HTML document:
`html`
href="https://unpkg.com/@croud-ui/css/dist/main.min.css"
/>
#### Tailwind (recommended):
You can extend our tailwind config by importing this package into your projects tailwind.config.js file:
`javascript
// tailwind.config.js:
const baseConfig = require("@croud-ui/css");
const { defaultsDeep } = require("lodash");
module.exports = defaultsDeep(
{
// override and extend tailwind config here
content: ["./index.html", "./src/*/.{vue,js,ts,jsx,tsx}"],
},
baseConfig
);
``
Please refer to the tailwind docs for further
installation and set up instructions.
Licensed under the MIT License