Commit graph

7 commits

Author SHA1 Message Date
Tobias Jordans
45e8b96f9f Introduce TailwindCSS CLI with JIT-Mode
Remove Tailwind Compatibility Mode and PostCSS. Install newest tailwind and configure it to use JIT-Mode. Setup npm run scripts to run TailwindCSS CLI and Parcel in parallel. The Tailwind index.css and all .html/.ts files are scanned live and generated to /css/index-tailwind-output which is in turn included in index.html.
2021-09-22 19:56:05 +02:00
1b73f0a43a Fix landscape mode 2021-01-27 02:26:57 +01:00
Tobias
2eecdfb9de Trying to add the landscape media query to the config
But this seems to be non-working, see https://github.com/pietervdvn/MapComplete/issues/200
2021-01-24 22:22:03 +01:00
Tobias
397a4414f3 Move custom max-height-version to Config
As it turns out, the config does work once you restart the server … 🤦
2021-01-24 22:21:28 +01:00
Tobias
4068931bba Add Tailwind button for save+cancel
- remove custom styles
- add new button styles based on Tailwind classes using @apply
- extend config to allow hover:ring-blue-200 and such
- update the js-files to use new classes

- Only unsure about the `.review-form .save-non-active`, this might need additional Tailwind helper classes in this specific situation. Don't know where it shows up, so could not test.
2021-01-24 22:20:40 +01:00
Tobias
3f34e288db Introduce max-h-65vh
I need this to refactor the featureinfobox and sub-classes.

Ideally we could add this class via tailwind.config.js but for some reason it does not work; the class does not appear in the index.css file.

As a workaround I added it differently, but still we should probably figure out why the config file does not work as expeced.
2021-01-21 04:48:52 +01:00
Tobias
f07e595830 Add TailwindCSS
Following https://tailwindcss.com/docs/installation
2021-01-17 21:01:44 +01:00