I would like to keep my sass code short. instead of @mixin tg($font-size,$line-height) { something related to font-size and line-height } @mixin h1 { @include tg } @mixin h2 { @include tg...

I am using :empty and :blank. They work fine, but I have a case where AngularJS is injecting comments inside a div, and those will not work anymore. Is there something I can do to make :empty and :...

I have html essentially <mat-tab-group> <mat-tab> <mat-tab-group> <mat-tab> </mat-tab> </mat-tab-group> </mat-tab> </mat-tab-group> How can...

When I run npm run build which executes ng build -c production build will be completed as expected. But command prompt will be filled with this warning: Warning: 303 rules skipped due to selector e...

Sass announced there will be some upcoming breaking changes to the syntax in mixed declarations. As of Sass 1.77.7 I'm getting the following warnings when compiling. - Sass's behavior for declarat...

I use Tailwind for my project and I would like to create classes which use tailwind existing classes. For example, my buttons currently look like this: <button class="text-light-blue bg-whi...

I'm trying to calculate the 'grid-gap' property of a Css Grid to fill all the available space using Sass. Here's my setup. //Don't want to use javascript //scss $width: 250px; .product-grid {...

I am using bootstrap and following this doc: <div class="custom-file"> <input type="file" class="custom-file-input" id="customFileLang" lang="es"> <label class="custom-file-label"...

It's my first time using webpack to compile my scss. I'm trying to start it but I get an error. It says: Field 'browser' doesn't contain a valid alias configuration And also: Module not Found: Err...

I'm trying to understand how css source map works. I've created a very simple scss file. #navbar { color: black; } When I compile the above scss, I get the following map file. { "version": "3"...

I'm working in an Angular Project using Material. I have some mat-form-fields with inputs with the outline appearance. I'd like to change the border radius of the outline (increase it). I read over...

I have a mat-select with options, I am looking to set this inline to text and have the drop down only be as long as the longest option. I can probably do some hackery with js / css vanilla style, b...

i'm trying to import angular material theming in the styles.scss file, But when i run ng serve, it throws the "Can't find stylesheet to import." Error. Below is my import @import '@angula...

I want to use checkbox, but there is blank space inside ion-label. i'm unable to remove space from ion-label. I want to display checkbox horizontally centre. my code is as below, can any one help m...

I'm new to tailwindcss, and i want to use both sassy css and tailwind for my new project. But I'm having trouble with the nesting specially when i used "@apply". section { @apply .p-4; ul { li ...

My project extends Bootstrap's responsive breakpoints. Here is the entrypoint SCSS file that was working for me: @import "~bootstrap/scss/functions"; @import "~bootstrap/scss/variables"; $magneta...

NodeJS is being restricted to be installed and we received a web work with a SASS file that I would like to continue working in that way. So I was hoping there could be other way to compile i...

I'm currently working on a VueJS project with a SASS integration, and I would like to get access to the SASS variables inside the script part of the component to make dynamic style calculations. I ...

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 Deprecation Warnings when I import and co...

During migrating from angular v15 to v16 in a nx environment, my build process encounters with lots of errors regarding to my form of addressing assets in scss files. For example: ✘ [ERROR] Could n...

I'm using bootstrap5 scss. I include styles for ltr as standard: @import "~ bootstrap / scss / bootstrap"; Question: how to connect or enable rtl bootstrap 5 scss styles? From the instruc...

I am using BEM, and have an element with multiple modifiers: <div class="block__element block__element--m1 block__element--m2"></div> I'm using SCSS and taking advantage of it to wri...

I'm using SASS to generate a @font-face mixin, however this: =remotefont(!name, !url) @font-face font-family = !name src = url(!url + ".eot") src = local(!name), url(!url + ".ttf") format("tru...

PostCSS BEM Linter plugin needs component definition for each block which is a time consuming thing to do in a legacy project. Is there a way to use stylelint to check for the classes pattern and ...

When I try to install node-sass using npm, I get the following error message: Cannot download "https://github.com/sass/node-sass/releases/download/v3.13.1/win32-x64-57_binding.node":" The comm...