siestamark

siestamark

Modern CSS with Tailwind: minor formatting suggestions

Congratulations on a fine book on TailwindCSS. I appreciate your very helpful work. It is very timely and nicely done.

In the Utilities section of Chapter 2, you have a callout for “The Leading Dot”. I understand that this is consistent with the concept of a CSS class description. However, as a reader of your text and as a developer using TailwindCSS, I am not defining these TailwindCSS classes, but just using them, which disallows typing their leading dot. It would be less distracting for me if all those dots just went away. Your blue bold lowercase is enough to set these concepts apart for me.

Also, when showing a named optional utility family, I think it would make more logical sense to pull the dash into the curly braces. For example, rather than showing text-{size}-{color}-{level} to indicate a family of text sizes, colors, and levels respectively, it would be easier on my eyes if this were written text{-size}{-color}{-level}, as everything within each {…} would logically go together. If no size were specified, there would be no dash for size; if no color were specified, there would be no dash for color; etc.

Most Liked

noelrappin

noelrappin

Author of Modern Front-End Development for Rails

Thanks for the feedback. I went back and forth on the both of those.

In the second case, I decided to match the way the Tailwind documentation does patterns, it keeps the dashes outside the braces.

The first case, I also thought I was matching the Tailwind documentation, but either they changed the formatting there, or I’m having a memory lapse, because they are not currently consistently using the leading dot to define classes, though they still use it in some places.

Where Next?

Popular Pragmatic Bookshelf topics Top

telemachus
Python Testing With Pytest - Chapter 2, warnings for “unregistered custom marks” While running the smoke tests in Chapter 2, I get these...
New
brianokken
Many tasks_proj/tests directories exist in chapters 2, 3, 5 that have tests that use the custom markers smoke and get, which are not decl...
New
mikecargal
Title: Hands-on Rust: question about get_component (page 295) (feel free to respond. “You dug you’re own hole… good luck”) I have somet...
New
conradwt
First, the code resources: Page 237: rumbl_umbrella/apps/rumbl/mix.exs Note: That this file is missing. Page 238: rumbl_umbrella/app...
New
joepstender
The generated iex result below should list products instead of product for the metadata. (page 67) iex> product = %Product{} %Pento....
New
alanq
This isn’t directly about the book contents so maybe not the right forum…but in some of the code apps (e.g. turbo/06) it sends a TURBO_ST...
New
New
jskubick
I think I might have found a problem involving SwitchCompat, thumbTint, and trackTint. As entered, the SwitchCompat changes color to hol...
New
AufHe
I’m a newbie to Rails 7 and have hit an issue with the bin/Dev script mentioned on pages 112-113. Iteration A1 - Seeing the list of prod...
New
imeraj
xdif/server.ex code from book does not work with the XDig client from the book. I noticed inside handle_info call, it’s not sending the ...
New

Other popular topics Top

AstonJ
I’ve been hearing quite a lot of comments relating to the sound of a keyboard, with one of the most desirable of these called ‘thock’, he...
New
PragmaticBookshelf
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
New
AstonJ
This looks like a stunning keycap set :orange_heart: A LEGENDARY KEYBOARD LIVES ON When you bought an Apple Macintosh computer in the e...
New
Exadra37
I am asking for any distro that only has the bare-bones to be able to get a shell in the server and then just install the packages as we ...
New
New
wmnnd
Here’s the story how one of the world’s first production deployments of LiveView came to be - and how trying to improve it almost caused ...
New
gagan7995
API 4 Path: /user/following/ Method: GET Description: Returns the list of all names of people whom the user follows Response [ { ...
New
husaindevelop
Inside our android webview app, we are trying to paste the copied content from another app eg (notes) using navigator.clipboard.readtext ...
New
AstonJ
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
New
AstonJ
This is a very quick guide, you just need to: Download LM Studio: https://lmstudio.ai/ Click on search Type DeepSeek, then select the o...
New

Sub Categories: