Category "sass"

gulp-sass 5 does not have a default Sass compiler; please set one yourself

Error in plugin "gulp-sass" Message: gulp-sass 5 does not have a default Sass compiler; please set one yourself. Both the sass and node-sass packages are permit

Running 2 commands in npm script(nodemon && sass --watch)

I have a package.json file looks like this. "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node src/app.js",

Compiling scss files in ASP.NET MVC action

are any alternatives for compile .scss files in action in ASP.NET MVC controller? I have /Content folder with two files: main.scss and external.scss. In my con

Changing from a default theme to a custom theme removes cursor from MatInput, Angular 6

I wanted to change from a default Angular Material color scheme to a custom one. My problem is, when I did, the MatInput field stopped showing the blinking curs

Deprecation Warning in Bootstrap SCSS

I am trying to create custom bootstrap by importing only the required components into a style.scss file from bootstrap sass. However, I get a chain of many Depr

Using autoprefixer in sass watch mode (NPM)

I want to compile SCSS files and use autoprefixer. npm run build compiles the SCSS file to CSS file. Then I can use this finished CSS file for autoprefixer. But

TypeScript seems to be seeing a variable as 'any' even though it's defined

I have the following component: import React from 'react'; import classNames from 'classnames'; import styles from './styles.module.scss'; const cx = classNam

How to add SCSS styles to a React project?

I'm just starting to learn React (have some JavaScript knowledge, as I'm learning tis as well) and building my first project. I would like to know how to add st

The `/deep/` selector is not working using sass-loader in my VueJS application

In my Vue 2.6.10 webpack application I am trying to add SASS as our team wants to migrate our legacy application from LESS to SCSS. In my package.json I have in

Navigate to SASS class instead of CSS from HTML in PhpStorm?

Is there any way to make JetBrains PhpStortm (v8) to navigate to the SASS file when I Ctrl+cilck on a CSS class/id in the HTML source, insted of the default (to

Bootstrap 5: Can not use utilities

I have updated my project from Bootstrap 4.5 to Bootstrap 5. I did this by simply overwriting all the old bootstrap files with npm install bootstrap@next. Now I

Why is my Visual Studio Code Live Server jumping to specific parts of the page on save?

OK, so this drives me nuts: When I'm using Live Server, it starts jumping up, or to specific parts of the page, when I (or the 'auto save') save my CSS or SCSS

SASS : How to generate a map using a loop

My goal is to generate a SASS map to store variants of colors that are stored in the following map: $colors : ( jet : #333333, wint

Can install sass-loader in Vue 3 project

I am trying to add sass/scss loader AFTER creating a project with vue CLI. I ran this script: $ npm install -D sass-loader@^10 sass and I am receiving following

Angular material: snackbar is hidden behind component with high z-index

So I'm playing around with Angular a bit and I wanted to add material snackbar to my app for when there's an error in my app. So, I have my hompage and my nav

Cannot find module './styles.scss' or its corresponding type declarations

i install yarn create react-app my-app --template typescript yarn add sass App.tsx import styles from "./styles.scss"; function App() { return <div classN

how to override css rules to be assigned a different set of rules?

It was quite hard to give this question a simple title, so I'll try to explain the situation. I'm using an scss file with two main classes for controling direct

Increase specificity weight with double selector via Sass

As mentioned here on Stack Overflow in another question and MDN tells about the specificity of selectors, I want to slightly increase the weight of my selector

How to support inline comments in PostCSS?

Webpack/PostCSS is unable to process .pcss files which have inline comments: Module build failed: Syntax Error (77:5) Unknown word > 77 | // }

Twitter Bootstrap set badge to no fill (or outline)?

Anyone know how to change a twitter bootstrap badge (or label) from solid to outlined?