Add Tailwind CSS, migrate most of the styles #27

raucao · 2021-02-09T20:31:41Z

raucao commented

2021-02-09 20:31:41 +00:00

This change adds the Tailwind CSS framework to the app, with new styles being defined in app/javascripts/stylesheets.

I have already migrated a lot of existing styles to the new concept of using Tailwind classnames, as well as custom components made up of classes, too. I already added the forms plugin, and in addition to custom-styling our buttons, the (still barebones) forms look a bit nicer on average now.

I also removed our own resets in favor of the rather complete Tailwind base resets.

The rest still mostly looks the same as before. This PR is only intended to introduce Tailwind in the first place, and demonstrate how it can be used. And it took a couple of days to get this far already. So I think this should be merged now, and the rest of the styles migrated in separate PRs, where we can then also improve the overall layout at the same time.

This change adds the [Tailwind CSS](https://tailwindcss.com) framework to the app, with new styles being defined in `app/javascripts/stylesheets`. I have already migrated a lot of existing styles to the new concept of using Tailwind classnames, as well as custom components made up of classes, too. I already added the forms plugin, and in addition to custom-styling our buttons, the (still barebones) forms look a bit nicer on average now. I also removed our own resets in favor of the rather complete Tailwind base resets. The rest still mostly looks the same as before. This PR is only intended to introduce Tailwind in the first place, and demonstrate how it can be used. And it took a couple of days to get this far already. So I think this should be merged now, and the rest of the styles migrated in separate PRs, where we can then also improve the overall layout at the same time. ![Screenshot](https://gitea.kosmos.org/attachments/56ea17b4-b72a-4c78-9dab-fef73ba7d657)

Screenshot from 2021-02-09 21-21-12.png

344 KiB

raucao added the

kredits-2

label 2021-02-09 20:31:41 +00:00

raucao added 2 commits 2021-02-09 20:31:41 +00:00

WIP Add Tailwind CSS

continuous-integration/drone/push Build is passing

Details

814633034f

Style forms, migrate more styles to Tailwind

continuous-integration/drone/push Build is passing

Details

continuous-integration/drone/pr Build is passing

Details

b6949acc96

raucao requested review from Core 2021-02-09 20:33:19 +00:00

greg approved these changes 2021-02-10 14:27:03 +00:00

greg left a comment

👍

raucao merged commit 6a6ff84ff2 into master

2021-02-10 14:29:06 +00:00

raucao referenced this issue from a commit

2021-02-10 14:29:06 +00:00

Merge pull request 'Add Tailwind CSS, migrate most of the styles' (#27) from feature/tailwind-css into master

raucao deleted branch feature/tailwind-css

2021-02-10 14:29:13 +00:00

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kosmos/akkounts#27