Tailwind Questions

I figured I would start a TW thread.

First question:  I have a table from the scaffold and added a footer row.  I added 'text-bold' to the cell class but yet I can't make that reflect in the browser.  After some testing I can't seem to add any text that is bold anywhere with the Tailwind class.

Font weight classes are referenced by 'font', not 'text' - like `font-bold`

https://tailwindcss.com/docs/font-weight/#app

I'll copy this over from the other Tailwind thread:

For anyone new to Tailwind I highly recommend watching some of Adam Wathan's 'Rebuilding...' videos on YouTube where he takes an existing website and rebuilds the design in Tailwind live, piece by piece.

You'll see how crazy fast and flexible Tailwind is. Granted, he's the creator so he'll know it better than anyone else but it does show how you can build layouts and components that are not possible with Bootstrap.

Wait...  Dan Weaver  you mean RTFM?  One of those posts you want to delete. 🤦‍♂️

Dan Tappin Ha! 😀I actually get tripped up on those text/font classes all the time. I'm still trying to pin down the thought process behind which is which. It's the one thing about Tailwind that doesn't flow intuitively for me.

I keep that docs tab open all the time and hop over to it regularly. It's a great resource, especially with the '/' to focus the search bar. Very quick to look up classes with loose search text.

Dan Weaver   Dan Tappin any reference for a good table?
It seems the template is missing them and https://tailwindcss.com/docs/table-layout/#app seems very lacking about tables.
Or do you recommend just going with a grid?

Ohad Dahan You've also got .table, .table-row and .table-cell in the Display classes.

I only use tables for displaying actual rows of data, like database records, invoice items, etc. So I'd probably use the standard HTML tags for tables then styling them with Tailwind's layout styles.

Yeah found them after posting, I'm still learning Tailwind, I literally never heard of it before trying out Jumpstart.

Dan Weaver  the template tables work great for me.  Now that I am understanding Tailwind modifying them is a breeze.

Tabs: I am using the stock tabs for a 'related items' type section on my show views (notes, uploads, etc.).  The issue is that on mobile devices the tabs look awful.  Ideally they would flip to an accordion on mobile.  Anyone else came across this implementation?

Dan Tappin  What are you using to show the different tab content?

Dan Tappin  Just having a play with this now on CodePen. Tricky thing is, for tabs I'd put all the tabs first in the HTML then content blocks after, but with accordion I'd lay it out as tab, content, tab, content, etc. Not easy to switch between those two. I'd love to see a good answer to this. Could come in handy.