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.
This commit is contained in:
Tobias Jordans 2021-09-22 19:56:05 +02:00
parent 6ceb589f00
commit 45e8b96f9f
7 changed files with 4871 additions and 1230 deletions

View file

@ -5,7 +5,6 @@
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
<link href="./vendor/leaflet.css" rel="stylesheet"/>
<link href="./index.css" rel="stylesheet"/>
<link href="./css/userbadge.css" rel="stylesheet"/>
<link href="./css/tabbedComponent.css" rel="stylesheet"/>
<link href="./css/mobile.css" rel="stylesheet"/>
@ -14,6 +13,7 @@
<link href="css/ReviewElement.css" rel="stylesheet"/>
<link href="vendor/MarkerCluster.css" rel="stylesheet"/>
<link href="vendor/MarkerCluster.Default.css" rel="stylesheet"/>
<link href="./css/index-tailwind-output.css" rel="stylesheet" />
<meta content="website" property="og:type">
<!-- THEME-SPECIFIC -->