750 questions
0
votes
1
answer
27
views
React overriding Child Component style in parent component sass
Component Currency:
import classes from './Currency.module.scss';
export default function Currency({ amount }: {amount: number}) {
return (
<span className={amount > 0 ? classes....
0
votes
0
answers
31
views
Vue/Nuxt CSS Module Style Conflict Between Development and Build Versions
I'm working on a Nuxt 3 project and using CSS Modules to scope styles to individual components. Everything works correctly in development, but once I run nuxt build, I start encountering style ...
-1
votes
0
answers
58
views
Test fails due to unexpected token in CSS import
I’m working on a React + TypeScript monorepo-style project and writing unit tests using Jest with ts-jest.
Tests run fine until a .tsx component imports a .css file using a custom alias (like @...
-1
votes
0
answers
22
views
Add CSS Modules in ember
I am trying to add CSS modules in ember application. So that I can add component specific styling. But after installing CSS modules my root CSS is not working.
app structure:
app
- component
- +...
0
votes
0
answers
34
views
CSS Modules: Why Are External Styles Not Overriding Base Styles?
I'm having trouble with CSS Modules in React when trying to override base styles with external ones. The styles passed via className don't seem to take precedence as expected.
Problem Description
I ...
- 11
2
votes
1
answer
51
views
Vite React + Bootstrap: CSS rule not applying only to img element
I'm using Vite (React, Bootstrap) to create a React app. I created a component with a specific CSS file imported. The CSS file is being read, as html {color: red} is being applied (and overriden, but ...
- 23
0
votes
0
answers
83
views
How to have named imports and custom file names with Vite, React, Typescript and SCCS modules
I have a Vite/React/Typescript app configured with sass and I would like to:
Import the styles as named imports:
import { styles } from "my-component.styles.scss";
Configure Vite (or sass) ...
- 11
0
votes
1
answer
500
views
How to type CSS Modules with TypeScript (Vite project)
I'm using Vite (React+TypeScript template) and try to set up typed import CSS Modules.
But I can't import any exactly class
test.module.css
.testCssClass {
color: greenyellow;
}
When I using it ...
- 65
0
votes
0
answers
26
views
CSS modules - no properties in styles object
I have css-loader version 7.1.2 and according to their release notes, I have to structure my code as such:
In my component, I imported the style:
import * as styles from './mycomponent.module.less'
I ...
- 12k
1
vote
1
answer
48
views
Converting LESS files to CSS modules
I am trying to convert a legacy codebase of LESS files to CSS modules.
I updated the webpack's css-loader to look like this:
{
loader: 'css-loader',
options: {
modules: {
// for now, ...
- 12k
0
votes
0
answers
18
views
Incremental inclusion of CSS Modules in codebase with LESS files
I am trying to incrementally migrate to CSS Modules from an app that has about 100 LESS files.
I can't seem to get my app to build anymore so I was wondering if someone can take a look.
My CSS loader ...
- 12k
0
votes
0
answers
51
views
Problem with CSS Order in Nuxt 3: Server-side and Client-side Styles Are Loaded in Different Order
I'm working with Nuxt 3 and facing an issue with how stylesheets are loaded during SSR. Specifically, I’ve noticed that the order of stylesheets is different when rendered on the server and client, ...
0
votes
1
answer
1k
views
React, Mantine, CSS Modules Do Not Load Properly
I'm developing a React project with TypeScript and Mantine. I'm using CSS Modules for styling components. However, at seemingly random times, the CSS stops loading (as far as I can observe from ...
- 168
0
votes
0
answers
23
views
CSS Module supported in Office Excel Add-in React App
I got stump when trying to set up CSS Module into my Office Add-in - React app. I got the exception:
Cannot read properties of undefined (reading 'content')
My global.d.ts:
declare module '*.module....
- 75.4k
0
votes
0
answers
75
views
Font size is uneven in different components of next js 14 app
I need some help with an issue. The font sizes are uneven in different components of my portfolio website, which I developed using Next.js 14 App Router. I'm using CSS modules.
I have a single CSS ...
- 1