css-modules Questions

Html – Having an issue to display background image with linear-gradient with css modules in Next 14

August 2, 2024
Kanan Farzali
2 Answers

This css doesn't display background image .header { height: 85vh; background-image: linear-gradient( to right bottom, rgba(var(--color-primary-light), 0.8), rgba(var(--color-primary-dark), 0.8) ), url('/img/hero-small.jpg'); background-size: cover; background-position: top; position: relative; } The following code works without linear-gradient: .header { height: 85vh; background-image: url('/img/hero-small.jpg');…

VIEW QUESTION

Javascript – How to change the path of background-image in css modules of Next.js v14 when dev and build

February 15, 2024
ysakmrkm
2 Answers

I am using Next.js v14 to create a page with the configuration in the attached image. In index.module.scss, I am using an image for the background. Below is a portion of the code. &::before { left: 0; background: url(/img/pc/index_hero_bg1.png) 0…

VIEW QUESTION

“Can’t import styles from module.scss in Reactjs?”

May 11, 2023
Lvasche
2 Answers

I'm only starting learning React and faced an issue while importing styles from './TodoOutput.module.scss': Error from TodoOutput.tsx: Cannot find module ./TodoOutput.module.scss or its corresponding type declarations.ts(2307) even though file TodoOutput.module.scss exists, and both scss and sass packages added into both…

VIEW QUESTION