In my styles.scss file I have few imports with generic classes and functions: @import "css/generic.scss"; @import "css/functions.scss"; @import "css/layout.scss"; I'm...

I got an error when using this line of code const sass = require('gulp-sass')(require('sass')); The error output is : Requiring external module babel-register ReferenceError: require is not define...

After upgrading my Angular core libraries to version 18, I migrated to Angular Material 18 by running: ng update @angular/material The update went smoothly but when I tried to compile my app I got ...

I'm having the follow error when running my tests with jest. console.error Error: Could not parse CSS stylesheet at exports.createStylesheet ([PERSONAL_PATH]/node_modules/jsdom/lib/jsdom/living/...

Here is the screenshot of my website structure. In my mixins file, I have created all the necessary sass mixins. I have created this mixin for border radius: @mixin border-radius($radius) { ...

I am trying to add Sass files to my .NET Core application in Visual Studio 2017. However, I cannot find any way to compile .scss files once I've made them. I sifted through NPM and Bower, but neith...

I created an Angular project using the CLI. I'm using SCSS, and I included Angular Material with a custom theme iirc. I added a couple dummy components, and the app still built fine. Then I needed ...

Presentation I'm trying to build a web site available in multiple cultures, with different reading direction. To do so, I simply add the dir="rtl" attribute on my root HTML element. My is...

Is there a way to extend &:hover of any class to any other class's hover? My code is something like this and it stopped the hover of both classes: HTML <a href="#" class="butt...

I'm trying to combine the use of a Sass variable with @media queries as follows: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171...

I'm learner of Sass, and want to include border radius of 25px with browser compatibility but getting error. Any help would be appreciated. $red: #F00; $border-radius: -webkit-border-rad...

My React App was working fine, using global CSS also. I ran npm i next-images, added an image, edited the next.config.js file, ran npm run dev, and now I'm getting this message: Global CSS cannot ...

I'm new to Stylelint. I tried to understand docs and searched GitHub, but all explanations are full of double negatives and I'm confused! The problem is that when I use // for comments, it throws U...

I have an angular 17 app with latest Material components. I am using the Tooltip component extensively and having problems finding how to customize it. I did manage to change the font size using th...

I have just upgraded angular app from 16 to 17. Application has custom theme as below. custTheme.scss @use '@angular/material' as mat; @include mat.core(); $pp: mat.define-palette(mat.$indigo-pal...

I am working on a personal project with NextJs and TailwindCSS. upon finishing the project I used a private navigator to see my progress, but it seems that the stroke is not working as it should, I...

I don't understand , what is the meaning of the @include tag in .css files. For Example : .wrapper { display: flex; width: 100%; @include display(flex); @include flex-direction(column); @include a...

I have the following Sass snippet in which I want the <thead> to float as the table scrolls. This works properly in Safari, but not in Chrome Version 58.0.3029.110 (64-bit). I know that Chro...

I wrote a React app and tried to dockerize it. After I do this it doesn't compile correctly, it doesn't find the sass module and the error is: Failed to compile. ./src/index.scss (./node_modules/c...

I'm considering replacing SCSS variables (i.e. $someValue) with CSS custom properties (e.g. var(--someValue)) in an attempt to both allow for a little more flexibility in the form of theming and co...

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tailwind base; @tailwind components; @ta...

I'm creating a little app that is bundled with webpack. I'm using sass in the project and all scss files are located in a scss located in the root directory. I've got some partials I've created in ...

Trying to use CSS variables for the first time. Doing it in a react (create-react-app) application, and works great. Only issue is that there's no warnings if I mistype a variable name or just simp...

The instructions on the website say: You can install Sass on Windows, Mac, or Linux by downloading the package for your operating system from GitHub and adding it to your PATH. That's all—there are...

I can't figure out what needs to be changed for this error to go away: Gradient has outdated direction syntax. New syntax is like closest-side at 0 0 instead of 0 0, closest-side. Here are some e...