Category "sass"

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

Set CSS colours from server side

Background We currently have large client site in Optimizely (ASP.NET MVC) which hosts many, smaller sites, for their regional markets and large, important cust

How to check in SCSS if a variable exists and ha a value?

I am new in SCSS so bear with me :) I have a use case where a SCSS variable --my-variable can exist and can have a value depending on some settings from the bac

Nested scss variables not compiling with gulp

I'm using gulp to compile my scss files. Everything worked until I got a new laptop, and now the nested variables aren't compiling. For example, none of these c

"SassError: The target selector was not found" when using SCSS Modules and Bootstrap in Next.js

I am using Next.js with SCSS Modules. I installed boostrap with npm install bootstrap. I then created a file called common.scss inside /public/scss/. I have the

React Component SCSS available for all Components

I just started learning ReactJS and I made a Project with .scss For some reason when I add a style in a .scss file that style also changes other components' st

How to add a SCSS stylesheet to a Lit web component?

I'm building a web component using lit.dev. For my component, I want to import an SCSS stylesheet and use it the following way: // example-component/example-com

min, max functions in sass SassError: Internal Error: Incompatible units:

I am trying to do use the functions min and max in sass. with two values of different type, width: max(55vw, 650px); And it gives me the error SassError: Intern

Keep all style of page inside page block element

I have this code : <div class="page-payment"> <div class="payment-methods" v-if="!pending"> <sepa-modal ref="sepaModal" /> &

How do I solve a problem with a CSS file?

I am a new user and this is my first post on StackOverflow. I wanted to try to code an Infinity RGB animation using HTML and CSS and to get the work done, I fo

app.css error when compiled with ruby sass from app.scss

I'm trying to build my project with gulp, and the app.scss file is compiled with ruby sass. The problem is the app.css gets error and cannot be applied to brows

Sass doesn't compile variables properly

I start to write my own SCSS along with boostrap. I follow the hierarchy of the framework like: /* The main file and all partial files are in the same directory

Idiomatic Sass processing in Rails 7

I'm confused about the idiomatic way to process Sass in Rails 7. The README.md for the importmap-rails repo says: This frees you from needing Webpack, Yarn, np

SCSS variable export not imported in React

After a general package upgrade on my React project, SCSS variable imports in JavaScript stopped working. Imports themselves are still working, but variables ex