SCSS styles from home.scss not visible in my custom tab

[patrykpalej]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Description

I moved posts to another tab "Projects" and in the home page I put only some text. In my "Projects" tab I have posts, some of which have images.

The way image previews are styled is defined in home.scss and when I put posts to home page they look fine. However, when I put posts to "Projects" tab, the image preview looks bad.

In browser devtools I found that inside

<div class="col-md-5>

there is no

<div class preview-img>

which is visible in the demo page.

It looks like styles in home.scss are not visible in projects.html.

Operations you have already tried

I copied the .scss files and called it projects.scss however it still doesn't solve the problem. Can I somehow include styles into specific template?

I also copied #post-list styles to common.scss but the div with "preview-img" still isn't rendered.

Anything else?

[patrykpalej]

I found what's wrong so maybe someone in the future will find it useful.

In refactor-content.html there is if page.layout == home. before adding a wrapper around the post. If you change this line, the image will work fine.

The only problem is shimmer which is added there even when I remove it from the template. Finally I decided to remove shimmering from the .shimmer class and it solved the problem. Btw. does anyone know what is this shimmer for?