css forum Go Rails strategy

0
CSS
I'm following the tutorial for creating the forum and using Tailwind to do the layout. I have seen that classes are used that are not native to Tailwind. What strategy did you use to build the Go ...
João M Cortat posted

Rails 7 custom fonts are not working on staging enviroment

1
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...

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

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...

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

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

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

Iterating using css grid

13
CSS
Hi Chris - I am using CSS grid for a three-column blog layout. Unfortunately, when I run the do bock it creates three instances of the same post. I guess this is to be expected. Not sure how to ge...
Brian Gilbank replied
Solved

How do use image-url in scss

0
CSS
I’ve watched your lesson on setting up bootstrap in Rails 6. I have a small issue though with trying to add a background image to class. I can’t seem to get image-url or assset-url to work. Probabl...
Zen Garden DXB posted

Tailwind - own components - yes or no?

4
CSS
i have started with tailwindcss yesterday the first time and must say - wow! but something is confusing me from the beginning. in tutorials/videos etc. everybody talk about: do not write your own ...
Bruno Steinmann replied
Solved

Learning Ruby on Rails? Join our newsletter.

We won't send you spam. Unsubscribe at any time.