Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Update embedded Tailwind?

See original GitHub issue

It seems that the version embedded with JustPy is a bit older and doesn’t support things like bg-green-50, bg-gray-50, etc. Could it be updated? I could attempt a PR for this myself, but I’m not so skilled with CSS or JustPy, so I might miss something. But I’m willing to give it a try if it’d be accepted.

Issue Analytics

State:
Created 3 years ago
Comments:12

Top GitHub Comments

2reactions

elimintzcommented, Feb 12, 2021

You are correct. I have made the change and it will be in the new version that will be out soon.

1reaction

elimintzcommented, Feb 22, 2021

Yes, in the next couple of weeks. In the meantime the workaround is to insert you own css using head_html: https://justpy.io/reference/webpage/#head_html-and-body_html

Add the following two statements below after creating your web page (wp for this exampe):

wp.tailwind = False  # Will not load old version
wp.head_html = '<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">'  # change link as appropriate

Top Results From Across the Web

Functions & Directives - Tailwind CSS

Directives are custom Tailwind-specific at-rules you can use in your CSS that offer special functionality for Tailwind CSS projects.

Easily embed Responsive YouTube Videos with Tailwind CSS

Embedding YouTube videos into your responsive website can be a hassle. With Tailwind CSS it's a breeze. Learn how.

Tailwind CSS responsive Video embed - gists · GitHub

Tailwind CSS responsive Video embed. GitHub Gist: instantly share code, notes, and snippets. ... tailwind-resonsive-embed.html ... I updated the gist.

Tailwind CSS | WebStorm Documentation - JetBrains

Install Tailwind CSS · Open the embedded Terminal ( Alt+F12 ) and type: npm install tailwindcss postcss autoprefixer · To configure your Tailwind...

Responsive YouTube embeds with TailwindCSS

Adam Miedema. Posted on Jan 13, 2021 • Updated on Jan 25, 2021 ... Vue component, which is a YouTube video embed, a...