Category "sass"

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

Sass combine @forward and @use

I'm trying to migrate to the new modular sass, and have two files I want to export from a common utils module: utils/_functions.scss @function color($key) { @

Invalid dependencies have been reported by plugins or loaders for this module. All reported dependencies need to be absolute paths

I upgraded React v16.14 app to run with Webpack v5 from v4. I'm seeing hundreds of warnings with .scss files like below even though the app seems to run fine. I

How to override bootstrap 5 modal scss property in react

Here I have use case to have a modal on the page header. since the page header has position:fixed bootstrap modal backdrop is overlayed at the top so unable to

Need help help knowing where to import Swiperjs

Like the title says, I'm in need of help knowing to import swiperjs. I'm fairly new to Javascript so I'm still learning the ropes. I've already installed it via

Vue CLI 5 with Vuetify SCSS variables and CSS imports

I work for an organization that try to migrate a project from Vue CLI 4 to Vue CLI 5. The project uses Vuetify and we have SCSS files that are used in the style

How to load a Font from node_modules with Vite?

I'm trying to load a company font from a node_modules folder which only includes fonts and icons, it was working locally. At first, I thought it was because Vit

How do I remove unused CSS when using Django, Sass and a frontend framework?

I am using a SCSS-based frontend framework (namely cirrus-ui) with my Django project. For compiling the CSS stylesheet with Sass, I use webpack to compile the s

ISO proper way to chain Webpack via vue.config.js to add global .scss imports to my .vue files (vue-cli-plugin-nativescript-vue)

I have Vue.js project I've setup previously that dynamically adds defined .scss files to my .vue template files, so I can access my variables, mixins, etc. in t