Category "sass"

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?

How to use Tailwind CSS together with SCSS in Laravel/Vue project?

I'm trying to install tailwind css from this guide into an existing laravel/vue project, which uses scss. install packages yarn add -D tailwindcss@latest postcs

Liferay DXP 7.3 Theme Creation: Error during gulp build

I'm getting this error when I try to use the gulp build command: [09:08:11] Starting 'build:compile-css'... Deprecation Warning: Using / for division outside of

Sass function for determining the luminance of a color

I've found a half-dozen functions online for determining the luminance of a color in Sass. They are all almost identical, but none of them are working - all thr

Use Web Compiler for SCSS files in Azure DevOps pipeline

Is it possible to use Web Compiler (developed by Mads Kristensen) in a CI pipeline in Azure DevOps? We have the Web Compiler Visual Studio tool installed on our

Next.js Global CSS cannot be imported from files other than your Custom <App>

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

How to prevent the select tag to auto select the first option?

I want to add a floating placeholder for the select tag. But the select tag is choosing the fist option by default. I don't want to put an extra option without

@use is coming soon, but it's not supported in this version of Dart Sass

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 t