Skip to content

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

Notifications You must be signed in to change notification settings

atakantepe/tailwindcss-parser

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TailwindCss Parser

This project is a utility for parsing Tailwind CSS files. It uses PostCSS to process CSS and outputs the results as JSON files.

This parser was used in the TailwindCSS Cheat Sheet project.

Scripts

This project includes the following npm scripts:

  • build:css: This script runs postcss on src/styles.css and outputs the result to src/assets/tailwind-output.css.
  • parse: This script runs a Node.js script (src/parse-css.js) that parses the CSS.
  • build-and-parse: This script runs both build:css and parse in sequence.

Usage

After cloning the repository and running npm install, you can generate the Tailwind CSS output and parse it into JSON files by running:

npm run build-and-parse

Project Structure

tailwindcss-parser/
├── src/
│ ├── assets/
│ │ ├── (generated tailwindcss-output.css file will be here)
│ ├── data/
│ │ ├── (generated json files will be here)
│ ├── parse-css.js
│ ├── styles.css
├── node_modules/
├── package.json
├── postcss.config.js
└── tailwind.config.js\

Contributions

Contributions are always welcome! Here's how you can help:

  • Report bugs
  • Submit fixes and improvements via pull requests

About

A utility tool for parsing Tailwind CSS output files into structured JSON files using PostCSS. Originally developed for the TailwindCSS Cheat Sheet project.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published