lingo.lol is one of the many independent Mastodon servers you can use to participate in the fediverse.
A place for linguists, philologists, and other lovers of languages.

Server stats:

64
active users

#tailwind

0 posts0 participants0 posts today
Replied in thread

@benjamingeer It's one of the hills that I'll die on. Computers need to non-ltr scripts.

There has been massive improvements in the implementation of CSS's `direction: rtl`, and major CSS frameworks like #Tailwind have first-class CSS support, but many others don't.

I met someone who worked at Wikimedia who made this site: rtl.wtf/

RTL:WTFHomeA one-stop-shop for explanation about Right to Left languages online.
Continued thread

Thinking about the wasteful nature of #LLMs got me thinking about waste in my own development. While it can be convenient to use the large, enterprise-grade frameworks to deliver a minimalist website in 2025 - it's absurd.

Do I really need #laravel with #react, #jquery, #tailwind, #webFonts, #postgres to host some simple #markdown?

Do I need to re-render a bunch of static content at every hit? Does every simple article require 64 connections to the server to display?

I think not.

I want my material to be available to anyone who wants it - regardless of the device they are using or the robustness of their connection.

I want to respect users who disable #javascript for their personal protection.

I want to respect #ScreenReaders and users of assistive technology, without unnecessary complexity.

Everything we need is built into the HTML and CSS specs.

I've added a new card to the landing page of flathub.org yesterday, focused on games.

We have been trying to do this for quiet some time and I know that the results (as in what is in which category) are not perfect, but putting this out there hopefully helps us move things.

Continued thread

I found something called #Flowbite, which I thought might do what I'm looking for, but it turns out, each of their components are just HTML snippets with all of the #Tailwind classes embedded to get the rendered look they're going for. Nothing combines or simplifies the classes for easy reuse.

Is there something that allows you to group a bunch of #Tailwind classes together under a single name, so you can say, "This is my card style that I want to use everywhere in the application?" Or "this is my header style that I want to use everywhere?"

As it is, if using Tailwind, I have to make sure I apply those same styles everywhere, and if I change one place, I need to go update all the other places.

I'm sure folks who use Tailwind have a solution for this. What is it?

v1.0.0 of @ch-ui/tokens is out! My sweet bébé!

Been vetting this in production for a while and I think it’s ready for prime-time.

Use it to set up font ramps, color palettes, spacings, any set of tokens you want to use in a design system. Can be used with #Tailwind (@ch-ui/tailwind-tokens) and #Vite (@ch-ui/vite-plugin-tokens). It’s Just #CSS™.

Explainer here: ch-ui.dev/tokens

I’ve added a light/dark theme toggle to my Hugo + Tailwind CSS blog! The issue? Mermaid diagrams don’t support themes yet. After some digging, I found a CSS hack that works:

[data-theme='dark'] .mermaid {
filter: invert(0.85) hue-rotate(45deg);
}

It’s functional but feels hacky. Anyone know a better way? Details: github.com/mermaid-js/mermaid/

GitHubLight mode/dark mode auto switching. · Issue #2644 · mermaid-js/mermaidBy ioquatix