> ## Content Index > Fetch the complete content index at: https://tailwindweekly.com/llms.txt > Use this file to discover other available public pages before exploring further. # Tailwind Weekly #97: new icons, visual updates, and possible container queries feature ๐Ÿ‘€ - URL: https://tailwindweekly.com/issue-97/ - Published: 2022-09-17T08:03:00.000Z - Updated: 2025-09-23T08:04:19.000Z - Author: Vivian Guillen Hello folks! This week was packed with sneak peeks of future features, new icons, and visual updates, do check out the News sections to learn more! Now onto our usual content ๐Ÿ˜‰. ## ๐ŸŒŸ News The Tailwind Labs team sure was busy tweeting this week! In just a few days we got: - [A new batch of heroicons, from Steve Schoger](https://twitter.com/steveschoger/status/1569688757804335107?ref=tailwindweekly.ongloat.com), love that new rocket icon! - A [WIP preview](https://twitter.com/adamwathan/status/1570840782659260416?ref=tailwindweekly.ongloat.com) of a possible container query implementation for Tailwind CSS, looks incredibly cool! - [Variant "labels"](https://twitter.com/adamwathan/status/1570869415444611072?ref=tailwindweekly.ongloat.com), never knew I so needed that until I saw it, so excited for it! - A preview for some [upcoming visual updates](https://twitter.com/steveschoger/status/1570872908788146176?ref=tailwindweekly.ongloat.com) to the earliest Tailwind UI components, also by Steve. From the community side, we got a tweet from Sam, [showing a feature](https://twitter.com/samselikoff/status/1570089403468464129?ref=tailwindweekly.ongloat.com) I didn't even know existed! If you use the hoverOnlyWhenSupported flag on the future config property, now all your hover classes will only apply to devices that support hover, so no more weird styles on mobile when you tap elements! ## ๐Ÿ“š Learning ![](https://tailwindweekly.com/content/images/2025/09/new-css-style-queries.jpeg) ### [Understanding and using the new CSS style queries](https://blog.logrocket.com/new-css-style-queries/?ref=tailwindweekly.ongloat.com) You probably heard all about container queries lately, but did you know there's also a *style* query API that is coming soon? This article explains all about it, how to use it, and useful use cases for when it's more available. Definitely a great read to be informed of what's coming! ### [When Do You Use CSS Columns?](https://css-tricks.com/when-do-you-use-css-columns/?ref=tailwindweekly.com) Flexbox and CSS Grid have become the default when we want to work with multi-column layouts but there's also the old fashioned columns CSS property. This CSS Tricks piece mentions a few use cases of when you would like to use columns instead of the traditional flexbox approaches. ### [How to use box shadows with Tailwind CSS, including custom and arbitrary values](https://redpixelthemes.com/blog/tailwindcss-box-shadows-how-to/?ref=tailwindweekly.com) Written by me! I had to use a one-off shadow for a client project and realized there were some quirks for doing it as an arbitrary value, so decided to write a whole post about it, I hope you find it useful! ## ๐Ÿ’… Showcase ![](https://tailwindweekly.com/content/images/2025/09/meta-2.jpeg) ### [Collect Content](https://www.collectcontent.io/?ref=tailwindweekly.com) Here's another SaaS landing page for you, this one is all about minimalistic layouts, hand-written-looking effects and shapes, and lots of screenshots! Also, that header font is just so ๐Ÿ˜. For the curious, here's Collect Content's description: *Stop worrying about collecting content from your clients. "Get the content you need to finish your website builds and launch on time.* ## ๐ŸŽ Resource ![](https://tailwindweekly.com/content/images/2025/09/800o59dutnanbfb7udjopuwb33la.jpeg) ### [Heroicons Raycast extension](https://www.raycast.com/haack/heroicons?ref=tailwindweekly.com) If you're on Mac then you're gonna love this. [Raycast](https://www.raycast.com/?ref=tailwindweekly.ongloat.com) is a more powerful version of Spotlight and it has a plugin system where you can add functionality to it. This week's resource is a plugin (or extension as it's officially called) for searching and copy-pasting icons from Heroicons straight from Raycast! Pretty handy if you work with Heroicons a lot and want a more streamline way of getting them. ## ๐Ÿ’ผ Featured jobs **Center Pixel, Inc** is hiring a full-time or contract [**Frontend Web Engineer**](https://jobs.ashbyhq.com/center/b287f1b5-b9d9-4a86-bc3f-8fb8f6048f11?ref=tailwind-jobs) Remote / Palo Alto, CA ยท $140,000 - $180,000 --- **Chicago Botanic Garden** is hiring a full-time [**Principal Web Application Developer**](https://workforcenow.adp.com/mascsr/default/mdf/recruitment/recruitment.html?cid=21ef98a3-d325-4110-a85a-7729320b6f80&ccId=19000101%5F000001&lang=en%5FUS&ref=tailwind-jobs) Hybrid / Chicago Botanic Garden --- **CMS Max** is hiring a full-time [**Lead Tailwind Developer**](https://www.cmsmax.com/careers/lead-tailwind-developer?ref=tailwind-jobs) Remote / USA --- **Simple Focus** is hiring a full-time [**Front-End Developer**](https://simplefocus.com/careers/front-end-developer?ref=tailwind-jobs) Remote / USA --- **Infinia ML** is hiring a full-time [**Senior Front-End Engineer**](https://infiniaml.bamboohr.com/jobs/view.php?id=78&source=aWQ9MTQ%3D&ref=tailwind-jobs)Durham, NC โญ Want to add your job post here? See [more info](https://tailwindweekly.ongloat.com/advertise/?ref=tailwindweekly.com). ## ๐Ÿ‘Œ Promoted links Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like! **Become a Pro at building components & layouts with CSS Flexbox and Grid with the** [**Complete Guide to CSS Flex and Grid**](https://tailwindweekly.link/flexbox-grid-book?ref=tailwindweekly.ongloat.com)ebook by [Shruti Balasa](https://twitter.com/shrutibalasa?ref=tailwindweekly.ongloat.com). I actually read this book and LOVED IT. I have been using flexbox and CSS grid for years and I still learned quite a few things from the book. --- Manage **all your projects** and tasks in the most **organized and efficient way** possible. Use the [**Notion Project Management Template**](https://gumroad.com/a/131215187/rxldm?ref=tailwindweekly.ongloat.com) to stay focused and implement a robust structure for your business or personal projects. --- **Inspect Flow - The complete developer tool for Tailwind CSS**. 50% off sale: [inspectflow.io](https://www.inspectflow.io/?ref=tailwindweekly.ongloat.com) --- **There's a reason over 2.6 million people start their day with** [**Morning Brew**](https://links.swapstack.co/lfa?ref=tailwindweekly.ongloat.com)โ€” the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free. ## โœŒ๏ธ Partners [**CSS Simplified by Shruti Balasa**](https://www.getrevue.co/profile/shrutibalasa?ref=tailwindweekly.ongloat.com): One simple CSS tip every Wednesday from her decade of experience right into your inbox. --- [**TypeScript Weekly**](https://www.typescript-weekly.com/?ref=tailwindweekly.ongloat.com): the best TypeScript links every week, right in your inbox. --- [**ES.next News**](http://esnextnews.com/?ref=tailwindweekly.ongloat.com): learn about the latest in JavaScript and cross-platform tools --- Want to share something with the TailwindCSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://twitter.com/vivgui?ref=tailwindweekly.ongloat.com). Want to support the newsletter? You can buy me a coffee with the link below ๐Ÿ˜. ![](https://tailwindweekly.com/content/images/2025/09/coffee-7.jpeg)