Customize 13 / 17
If you are not happy with the defaults you can easily extend the tailwind configs.
Here we add the color "cyan" which creates new classes like text-cyan, bg-cyan or sm:bg-cyan.
We also add a prefix to all classes to avoid name clashing with existing CSS.
Try making the border width for 2 "20px" and add the color cerulean (#2a52be).
Check out the docs on how to extend other things like breakpoints.
- tailwind.config.js
- index.html
- styles.css
module.exports =
{ "prefix": "tw-", "theme": { "borderWidth": { "default": "1px", "0": "0", "2": "2px", "4": "4px" }, "extend": { "colors": { "cyan": "#9cdbff" } } }, "variants": {}, "plugins": []}- Output
Docs- Compiled