Skip to content

Feature: Added Tailwind and associated packages#11

Open
creaturenex wants to merge 11 commits into
shipyard:masterfrom
creaturenex:omr/feature/addTailwind
Open

Feature: Added Tailwind and associated packages#11
creaturenex wants to merge 11 commits into
shipyard:masterfrom
creaturenex:omr/feature/addTailwind

Conversation

@creaturenex

Copy link
Copy Markdown
Contributor

Description
Added tailwindcss postcss autoprefixer postcss-cli
configure tailwind.config / postcss.config
added script to package.json to use postcss
added tailwind to index and layout for initial tailwind test

Issues
References #9

@creaturenex

Copy link
Copy Markdown
Contributor Author

Hello @nbeck415 I got tailwind to work with pug, but from a development standpoint, every time I make a change I must stop the container, run the script for postcss. Not sure how to make it so that it executes the script every time I save. I assume because the styles.css is being edited by postcss the container must always be rebuilt.

p.s. relies on the updated makefile

@creaturenex

creaturenex commented Feb 29, 2024

Copy link
Copy Markdown
Contributor Author

@nbeck415
This works

  • The makefile build step is updated to run the postcss to generate the tailwind css styling in style.css

  • Because the build step generates the style.css file, new tailwind styling will require to rerun make develop so the image containers the relevant updated styling.

    • Should add a note to readme about rerunning make develop
    • Docker Compose watch would be a good use here.

@creaturenex

creaturenex commented Mar 18, 2024

Copy link
Copy Markdown
Contributor Author

@nbeck415 Where you able to take a look at the makefile and see this would be the best place to add the custom npm tailwind css script?

If so, this PR is ready to be reviewed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant