I am trying to use TailwindCSS combined with SCSS but VSCode always give me an error message when i openning this file, how can i fix it? image for this error my config in postcss file: module.expo...

I'm using @storybook/vue": "^6.5.10". My components are styled by the <style> block in the bottom of each .vue file. There are also some global CSS (Sass) files that are compil...

I think I followed the documentation correctly, but it does not work at all. What I want is to generate a css file, and do not load it in style tags with js. In my src directory:: "scss/custom.sc...

I am new to React and am using the npm package Material UI icons (https://www.npmjs.com/package/@material-ui/icons) and displaying icons within a React component as such: Importing: import Keybo...

I have a list of images I'm trying to overlap so that they look similar to this: My code: .avatar img { border-radius: 50%; position: relative; left: -5px; z-index: 1; } <div class="av...

I'm trying to use GitHub's primer and octicons. After using npm to install both I started using the css classes defined by GitHub by including the build.css file in my html document. How would I po...

How can I Include .scss file in another .scss file? I was trying to write this in a file: app.scss: @include('buttons'); @include('dropzone'); body { background: $primaryColor; overflow-x: hid...

I am building a React component library whose source code takes this general structure: - src - common.scss (contains things like re-usable css variables) - components - button - index.js - b...

I am running ng serve with an Angular cli project which includes Sass. I have been using @import and @include with no problem, when I added @use, the terminal throws: @use is coming soon, but it...

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; text-align: left; I have this to...

Is their a way in sass to change the digit that rounding occurs on, I would like to stop rounding of a number like this 2.0242914979757085% to this 2.024%. I would like to adjust the amount of deci...

Background: I have a Webpack setup that I use to preprocess SCSS with PurgeCSS with a live HMR server with esbuild-loader for speeding up compiles in Webpack but even then my compile times are stil...

When I run sass --watch app.sass:app.css terminal shows that changes have been detected to sass but won't compile to css. I am using Bourbon so all my .scss and .sass files are imported via mixins....

I'm having a little issue with styling react components. I have my scss stylesheets in a separate file and importing them into my react file. My scss stylsheet looks like this: .testStyle { font-...

When I compile with gulp, I got an error like below. How can I fix it? module.js:339 throw err; ^ Error: Cannot find module 'gulp-sass' at Function.Module._resolveFilename (module.js:337:15) at ...

I want to debug some SCSS in NEXT.JS but I can't. I made some research for it but I couldn't find any solution. When I use @debug on a SCSS-module then I won't get an output in the console. Must I ...

When I install node-sass for a React project, it gives me the error below. I tried lot of things but none did work. I tried to delete it and install it again, I tried to start a new project but it'...

I am trying to set up a site ran on Jekyll I haven't updated in awhile (obviously my developer skills are very rusty in general) with Github Pages. Whenever I try, I get this error: Your site is h...

I'm at at a bit of a loss today. I wanted to add Stylelint to my Angular project, so I ran npm install stylelint stylelint-config-standard --save-dev to install stylelint and the standard config pl...

Problem and question I've always had problems with CSS code, so now I always use SaSS code. But my question is: how can I use SaSS for an ASP.NET MVC application? I've tried I've tried tried t...

I've been having this problem for a while and I see that other people have it too, but even though I have the same code as them it is still not working and I don't know what I'm doing wrong. I'm wo...

I have CSS function like below: width: min(calc(100vw - 51rem), calc(100vh - 2rem)); It's working fine when using a CSS file but not when used in SASS. How can I rewrite this function for SASS? ...

I would like to use css and scss in next.jsapp. I have next.config.js in my project. This configuration is for scss: // next.config.js const withSass = require('@zeit/next-sass'); module.export...

I use Bootstrap 4.5 and use bg-dark in my HTML template. I would like to implement a "light/dark" switch. So, Bootstrap has a bg-light css class, but I am not sure what the current approa...

I have small project (about 30 sass files), in sass I am using @import and @mixin... My webpack development build is take about 30s (and still growing, last week it was 20s) and it is crazy... My...