Category "sass"

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

unable to apply different CSS classes to 2 svg images( both are clones of each other)

I have 2 svg images in my html in 2 different divs. On performing some action I am trying to hide one and display another by adding different css classes dynami

Apply css class to a <div> generated by an <ng-template> within the <ngx-datatable-column>

I am trying to apply display: flex property to the parent <div> of my <span> but since the is generated by the ng-template of the ngx-datatable-col