Add Tailwind CSS, migrate most of the styles #27

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