Search Results for "tailwind"

Lessons

Adding TailwindCSS to Rails

Apr 03, 2023

Our blog doesn't look great. We're going to install TailwindCSS so we can easily style our Rails application however we want.

12m

How to install Tailwind CSS using Webpacker with Rails

Feb 06, 2018

Learn how to use the awesome new Tailwind CSS framework using Webpacker in your Rails app

14m

Vue.js Slots with Tailwind CSS and Rails

May 02, 2018

Learn how to use Vue.js slots to make even more reusable components. In this episode, we build a dropdown menu for Tailwind CSS apps using Vue.js slots.

How to install TailwindCSS 1.0 with Rails 6

Apr 16, 2019

With TailwindCSS 1.0 just around the corner and some changes in Rails 6 to Webpacker, we take a look at how to install and setup the latest version of TailwindCSS with Rails 6.0

18m

Styling The Password Manager with TailwindCSS

Jun 08, 2023 Pro

We're ready to spruce up our Password Manager design with a little TailwindCSS.

42m

Designing our Web Scraper UI with TailwindCSS

Feb 29, 2024 Pro

TailwindCSS is an excellent CSS framework for letting us quickly iterate on design ideas to make our UI much cleaner and easier to use.

11m

How to Remove Unused CSS Classes from Tailwind CSS, Boostrap, and more with PurgeCSS

CSS frameworks like Tailwind, Bootstrap, Foundation, etc all come with many CSS classes you probably aren't using. This creates huge CSS files unless we use a tool like PurgeCSS to look through our code and remove the unused classes.

More lesson search results →

Forum Threads

Tailwind - own components - yes or no?

@Ricky thanks for this input. i already have started to use more Vue including components / slots.

Bruno Steinmann replied April 29, 2020 6:53am • Solved

CSS

Tailwind Checked Radio Buttons = Change Background

Ok, just solved my own problem. For anyone else wanting to turn radio buttons into actual buttons using CSS there's a 'focus-within' class used to target child elements. I'll probably move away fro...

Tim Dowling replied July 7, 2020 12:47am • Solved

CSS

TailwindCSS Stimulus Components Gem not working in new rails 7 application

IIRC I put the alert in the controller, for example, on create.

Bryan Beshore replied June 9, 2022 2:55pm

Gems / Libraries

TailwindCSS Admin Theme

got it, thanks

chuckblake replied September 8, 2023 12:30pm

Gems / Libraries

Deploying Tailwind to AWS Elastic Beanstalk

Gerard Donnelly replied October 1, 2021 2:53pm

General

Installing Tailwind with Rails 7

You rapidly end up creating a lot of custom CSS with bootstrap that you do not have to with Tailwind.

Thomas Alford replied December 15, 2022 2:54am

Rails

Rails Tailwind Apply Directives not rendering

I got the solution, I generated assets with the `precompile` command which generated assets in public dir, and the assets in the public dir were capturing the request not allowing the development s...

Bishwas Bhandari replied July 22, 2022 7:14am

CSS

Adding TailwindCSS to Rails Discussion

For those with the problem of "bin/dev: line 8: exec: foreman: not found" - Install the foreman gem -> bundle add foreman. - Add the "bundle" word to the beginning of this line of code (bundle...

Jorge Alberto Rodriguez Flores replied September 25, 2023 12:09am

General

ViewComponents and Tailwind CSS JIT

found out the change in Tailwind that prevented the expected behavior.

Stéphane Paquet replied June 19, 2021 4:05pm • Solved

CSS

How to install Tailwind CSS using Webpacker with Rails Discussion

In 2022 and we have Rails 7 and Tailwindcss 3. This tutorial needs an update.

Mostafa Ahangarha replied June 25, 2022 10:53am

General

How to install TailwindCSS 1.0 with Rails 6 Discussion

Does anybody knows how to fix this error in Rails 6.0.3 and TailwindCSS 2.0? ` ERROR in ./app/javascript/stylesheets/application.scss (./node_modules/css-loader/dist/cjs.js??ref--7-1!./node_modules...

Alex Ventura replied November 23, 2020 2:40am

General

Vue.js Slots with Tailwind CSS and Rails Discussion

Chris Oliver posted May 7, 2018 3:05am

General

How to update TailwindsCSS?

Pretty much you'd just update the version in your package.json and use yarn to install it. You'll want to check with the releases page and see if anything has been deprecated or removed and upgrade...

Chris Oliver replied March 14, 2018 2:50pm

CSS

Unable to deploy TailwindCSS on a Rails 7 app to Heroku. Can someone please help me?

I'm currently trying to deploy my rails 6 application to Heroku. I'm not sure where the error is coming from since the styles work well on development but break when pushing to production. ...

Medves Larisa Viviana posted March 4, 2022 9:55am

General

Page blinking when using tailwindcss

In fact, if you go to production assets are compiled and you won't noticed this blinking. Solved!

edouard replied September 12, 2019 9:01am • Solved

CSS

error with purgecss and Tailwind 2

You're welcome and thanks for all the support! 🙏❤️ I think we didn't have the issue with Jumpstart Pro because I have some examples in the docs or something, so ours didn't get purged.

Chris Oliver replied December 9, 2020 8:49pm

Javascript