Updating to Tailwind 3

[hochwe]

Are there any plans to update the Tailwind to version 3, @elimintz?

In the meantime, if anyone wants to use Tailwind 3 (it's got lots of fancy new colors), I was able to get it to work by doing this:

In /justpy/templates/quasar.html and /justpy/templates/quasar.html:
I replaced

{% if options.tailwind %}
            {% if not options.no_internet %}
                <link rel="stylesheet" href="https://unpkg.com/tailwindcss@^2.0/dist/base.min.css">
                <link rel="stylesheet" href="https://unpkg.com/tailwindcss@^2.0/dist/components.min.css">
                <link rel="stylesheet" href="https://unpkg.com/@tailwindcss/[email protected]/dist/typography.min.css">
                <link rel="stylesheet" href="https://unpkg.com/tailwindcss@^2.0/dist/utilities.min.css">
            {% else %}
                <link href="/templates/local/tailwind/base.css" rel="stylesheet">
                <link href="/templates/local/tailwind/components.css" rel="stylesheet">
                <link href="/templates/local/tailwind/typography.css" rel="stylesheet">
                <link href="/templates/local/tailwind/utilities.css" rel="stylesheet">
            {% endif %}
            <style>
                {% include 'css/form.css' %}
            </style>
        {% endif %}

with

{% if options.tailwind %}
            {% if not options.no_internet %}
                <script src="https://cdn.tailwindcss.com"></script>
            {% else %}
               <script src="https://cdn.tailwindcss.com"></script>
            {% endif %}
            <style>
                {% include 'css/form.css' %}
            </style>
        {% endif %}

I had issues with my proxy and getting the internet option to work. I assume that this is operator error, so I had to set both the internet and no internet options to use the tailwind cdn script. People without these issues should be able to get away with the change below, but I have not tested this to confirm:

{% if options.tailwind %}
            {% if not options.no_internet %}
                <script src="https://cdn.tailwindcss.com"></script>
            {% else %}
                <link href="/templates/local/tailwind/base.css" rel="stylesheet">
                <link href="/templates/local/tailwind/components.css" rel="stylesheet">
                <link href="/templates/local/tailwind/typography.css" rel="stylesheet">
                <link href="/templates/local/tailwind/utilities.css" rel="stylesheet">
            {% endif %}
            <style>
                {% include 'css/form.css' %}
            </style>
        {% endif %}

[elimintz]

Thank you for bringing this up. I have moved to taliwind 3 also.
The changes I made to the option.tailwind block in tailwind.html are:

       {% if options.tailwind %}
            {% if not options.no_internet %}
                <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio,line-clamp"></script>
            {% else %}
                <script src="/templates/local/tailwind/tailwind.js"></script>
            {% endif %}
        {% endif %}

You need to also replace tailwind.js if you plan to work locally.
This will all be in the next version that comes out.

[tqmkim]

Hi, any update on this issue?