Category "sass"

How to remove generated .css and .map files in SASS at compile time?

How to do it so that when .scss files are compiled so that the .css and .map files aren't created, it's extremely annoying in a bigger project and when there ar

Is it possible to run SCSS and Bootstrap, without using VSC extensions?

I have a working setup, with sass and parcel bundler installed through npm. Problem is - every time I add Bootstrap, either by installing through npm or downloa

Is their a way to know if there’s a way to trace your problem

After using the nav tag to wrap my navbar code,so I’ll be able to style it. Now I made a mistake at the button close to the nav bar how can I trace my st

I would like the header logo and main visual to be aligned vertically

Prerequisites The header logo and main visual are side by side. Expected value I want the header logo and main visual to be aligned vertically.I would like to

Stylelint wont mark errors in VSCode

VScode doesn't show me any stylint errors. package.json: ... "postcss": "^8.4.12", "postcss-scss": "^4.0.3", "stylelint": "^14.7.1", "stylel

Scoping v5 MUI Styles

We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio

Sass / Dartsass-rails Error: Can't find style sheet to import / Undefined mixin

Rails 7, dartsass-rails, cssbundling-rails, propshaft, importmaps App structure app/assets/stylesheets/ /components _index.scss ///other flies /global _in

Why My custom colors are not working in my Angular material theme?

I trying to add more color to my angular material theme, I've added the success color in my style.scss by the map.deep-merge fucntion // Custom Theming for Angu

MUI/Icon makes everything dissapear

When I try to import and use a mui icon in react, it makes the whole div dissapear, and just the background image remain, i have installed: emotion/react, emoti

Ionic set global variables through Javascript with values from API

I'm building an ionic web app and I have an API datasource which includes basic theming ie: Save button color, text color, background color, cancelBtn color, et

Django SASS processor does not update CSS files in production

I am using django-sass-processor (https://github.com/jrief/django-sass-processor) in order to generate .css from .scss files. The css wiles were generated on th

Weird glitch on card hover

my problem is I used some effect to make the card float using transform(translate) and some shadow and it works just fine, but whenever I come near the edges wh

How to build unhashed files in a 'dist/' folder with ParcelJS (v2)

I'm trying to bundle some scss and js files into a dist/main.css and a dist/main.js file using Parcel (v2). I don't want any hashes within the file names (just

How to overwrite Bootstrap's checkbox with an emoji?

As described in https://getbootstrap.com/docs/5.0/forms/checks-radios/ what Bootstrap allows me to do is change the checkmark with a link like so:$form-check-in

Media-queries not working on Sass project

I am working on a Sass project and everything worked properly, but media queries are not working. I tried adding them at the bottom of the document, adding in t

humberger menu stop scrolling main body css

I am trying to implement a hamburger menu. My expectation is when I will click on hamburger menu then the whole screen will contain only hamburger menu and ther

Creating a centered carousel with react-alice-carousel

I have struggled the whole day to create a centered carousel with react-alice-carousel library and the results are those. Link to the library here Basically I a

Problems with installing SASS React

I want to install SASS to my react app. I try yarn add node-sass my console return error: ./src/comopnents/Form/Form.scss (./node_modules/css-loader??ref--6-one

Responsive media queries only loading when window is adjusted

I have a Word Press site that is using the Avada Website Builder plugin, but with a custom template and a custom CSS file. I have bootstrap 4.6 loaded onto the

NPM Script only works if I run it in two terminals at the same time or in debug

I'm trying to run the command (On Windows using VS): npm run watch:sass to compile my sass into css. When I hit enter instead of seeing the regular message abou