Using tailwind css in my rails app, patterned after your blog tutorial. How do I get rid of all the whitespace on each side of the page, I want to use the whole screen?

1
CSS
So I have modified by tailwind.config.js file as such: const defaultTheme = require('tailwindcss/defaultTheme') module.exports = { content: [ './public/*.html', './app/helpers/**/*.rb', ...
Mike Cannon replied

Portfolio responsive view not rendering on mobile Chrome; Safari

2
CSS
Hi, I was trying to figure out this Declaration dropped on a live webpage https://lb-webportfolio.herokuapp.com/portfolios in the Console. It is all fine on the localhost, however after d...

Integrating your own css doesn't work with Rails 7.1.2

1
CSS
Hello, I use Rails 7.1.2 and Ruby 3.0.2. I wanted to include my own css. It doesn't work. The following errors occur: Sprockets::Rails::Helper::AssetNotFound in Pages#index The asset "custom.css" ...
Enow B. Mbi replied

Rails 7 custom fonts are not working on staging enviroment

2
CSS
In development mode the custom fonts (Raleway) are present but it is not reflected in the staging environment. I deployed my app to Heroku. Added the following command in the application.rb ``` co...

How do I have a list view like tailwind?

1
CSS
Hello, I created a real estate listings model, but on the index view the list isnt like in the example, it showing all the details of the listing creating like a big box of each listing instead o...
Emma Wilson replied

Trying to relearn CSS and I'm stuck

1
CSS
I'm trying to figure out how to do a simple animation. I have a box with some text content, the idea is that the box only shows an h2 element until the user mouses over it, then it reveals the para...

Dynamically create sass variables in rails

6
CSS
I have a multi-tenant app where each tenant can set their primary and accent colors. Is there a way i can grab those values and insert them into a sass file on page load? I"m using rails 5 and post...
Matt Taylor replied
Solved

What is the best way to add a dynamic active class to a link with Tailwind CSS?

6
CSS
From what I understand the "active variant" is not enabled by default? Where exactly do you enable that with rails? Is there another way to add and remove parts of classes to put together an active...
Solved

GoRails Design

4
CSS
Hi, I like very much the design of GoRails! Great job! Chris, did you use some template? What technologies did you use to get such a result? Thank you! Best regards, Anton

Rails Tailwind Apply Directives not rendering

1
CSS
I dunno what I did wrong during this course of development, I think I have done something inside `config/` directory, but my Tailwind CSS Apply Directives classes are not being rendered/working in ...
Bishwas Bhandari replied

HTML font-size: 62.5% is way larger than it should be

1
CSS
Hello, I'm running into a problem where I want to use rems as a unit, so I set the html font-size to 62.5%, which I've seen as a common practice, which should give me 1rem = 10px (because the defau...

How do I install UIKit via yarn?

0
CSS
Answer: 1. Add uikit through yarn: yarn add uikit 2. Create a file to be transpiled by webpacker: app/javascript/uikit.sass (or app.sass... whichever name suits you best.) 3. Within uikit.sass imp...
Solved

Tailwind Checked Radio Buttons = Change Background

1
CSS
I've been able to use Tailwind to change my radio buttons into normal buttons. changing the background on 'hover' works, same with 'active' (on click) but there's no setting for 'checked'. Has any...
Tim Dowling replied
Solved

ViewComponents and Tailwind CSS JIT

1
CSS
I created a flash view component to display flash messages. It does work, but the javascript trigger its display does not work as expected. Instead of displaying on the spot, it waits for like 5 s...
Stéphane Paquet replied
Solved

How do I add Zurb foundation-sites using webpacker?

5
CSS
Hey Jason! For the most part, you'll just follow their instructions which is usually `yarn add package` and an import or require of the package in your application.js. https://foundation.zurb.co...
Jerome . replied

How do I integrate a bootstrap theme with rails 6 ?

4
CSS
Hello, I'm a new subscriber and would like to integrate a new bootstrap theme from https://themes.getbootstrap.com/ Which tutorial would you recommed? I used the "How to use bootstrap with web...
Tim Jones replied

Want to stay up-to-date with Ruby on Rails?

Join 88,697+ developers who get early access to new tutorials, screencasts, articles, and more.

    We care about the protection of your data. Read our Privacy Policy.