Category "sass"

How to apply a :not selector and all its descendants

I'm using a text editor plugin with its own styles but inside I'm rendering a Mapbox map. The problem is that the editor's styles are messing up Mapbox's. The t

How do I create a scoped class without @include?

I managed to create a scoped CSS class like this: .container { @import "./baa"; /* other props ... */ } but since @import is getting depreciated,

Use both Tailwind and SCSS with cssbundling-rails

In the Rails 6 project I'm working on, we're looking upgrade from webpacker to cssbundling-rails and jsbundling-rails. We currently use Tailwind with SCSS, but

Is it possible to build an Angular app without embedded styles?

My company is going through a re-branding and it involves some color changes to our app. Most of this is just tweaking SCSS variables, but i'd like to be able

How can I get my text to be two lines with padding and ellipsis?

I'm having issues getting my text to be on two lines with ellipsis. I am able to get my ellipsis working but modifying line-height and height do nothing to chan

Using SCSS 'current selector' feature to match all class names starting with same text

Suppose, we have HTML with similar name classes. <div class="header-name">NAME</div> <div class="header-description">DESCRIPTION</div>

Is there a replacement for "contain: content" for safari?

I am trying to find a replacement for the css property "contain: content" for Safari (since it works perfectly on Chrome), but I can't find any. Is there some k

Node Sass does not yet support your current environment: Linux 64-bit with false

Getting this error on Arch Linux with node-sass. I'm using it with gulp-sass. Node Sass does not yet support your current environment: Linux 64-bit with false

Create CSS custom properties from SCSS variables

I have an SCSS map of colour names and values. I want to create CSS custom properties from them like so: SCSS $colours:( "gray-500": #f7fafc, "red-500

Angular 8/Sass: Find unused css classes

I have an Angular project that uses Angular+Sass, and since the project became pretty big I am constantly finding unused small css classes that need to be remov

React SASS - Error to install SASS Module

I'm trying to use SASS formatting in my React project but it's warning me that some files weren't found, but NPM installed everything automatically, so how can

sass version is incompatible

I have problems with my code. I installed dependencies one by one, but the last of them was sass. I need or better to say I have to install node-sass version ^4

How to concatenate Sass variables

How can I concatenate a Sass variable? This is the the code in the scss file. $url = 'siteurl.com'; #some-div{ background-image: url(+ $url +/images/img.

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