Category "sass"

Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

Recently, when I compile my scss files I get an error. The error message says: Browserslist: caniuse-lite is outdated. Please run next command npm update ca

what is the correct way to use Sass and React JS?

I have a question. I´m Learning how to use React JS 18v. My question is: what is the best way to use Sass with React? how do you compile it? I don't want

webpack file-loader does not load background image

I've been having this problem for a while and I see that other people have it too, but even though I have the same code as them it is still not working and I do

How to solve unexpected errors from a CSS selector

I am learning SASS. I am trying to make a webpage using SASS. There is some error showing in the CSS file generated from the SASS file. Here is the CSS code: .l

Why don't my class styles apply to dynamically created elements? Angularjs

My question is simple; why don't my class styles apply to dynamically created elements? I am creating a search bar here where I generate an li per matching resu

Error: argument `$color-2` of `mix($color-1, $color-2, $weight: 50%)` must be a color when compile my own bootstrap theme

i try to build my own theme. i change color theme to my style. but i got error when compile my own theme, this is my theme was created. // 1. core variables an

CSS sourceMap with sass-loader, postcss-loader, and MiniCssExtractPlugin in Webpack 5

Seems like I've followed all the instructions to generate CSS source maps, but still not finding them in the output CSS (I expect to see something like /*# sour

Remove Unused CSS on Angular 9 build process

I have an Angular 9 project which I added Bulma on angular.json > projects.projectName.architect.build.options.styles so it bundles up the framework on style

editor.component.scss:17:100: ERROR: Unterminated string token - Angular + Scss

I am getting unterminated string token error in my angular application that uses scss as stringUrl. @import "~bootstrap/scss/bootstrap"; .view-container, .modu

How to assigning multiple properties at a time in SASS, then individual ones?

In SASS for CSS, I'm trying find a way to save redundancy in the code. .language #russian width: 97px

SCSS data-theme="dark" variables doesnt load

im currently working on a dark mode for my site and the JS is working fine, it adds the data-theme="dark" parameter to the html tag and stores it in the local s

Horizontal scrolling in mobile view iOS

I have a horizontal gallery overflow-x: scroll that is choppy only in iphone/ipad view (Tested in Androids scrolls fine). I've seen some stackoverflow uses -web

Horizontal scrolling in mobile view iOS

I have a horizontal gallery overflow-x: scroll that is choppy only in iphone/ipad view (Tested in Androids scrolls fine). I've seen some stackoverflow uses -web

Is it possible to assign opacity to a SCSS hex color variable, re using that variable?

I have a series of scss variables representing colors re used throughout my app, like so: $first-color: #00755E I also have colors that are the same as this fi

remove specific style from tailwind base

I have a project with tailwind and a (work in progress) UI library that we want to gradually migrate to. I am importing the style on my index.css like this @tai

Right path for live sass compiler?

What is the right path if ever I already have style/css/main.css folder? How can I map livesasscompile on the same folder? Because it will automatically map on

SCSS Background Hover

I am struggling to change the background of my link when I hover over it with SCSS. I am able to do so when I go back into my main.css, but I really want to und

Importing slick carousel theme css throws errors on webpack build

I'm trying to import slick-theme.scss in my parent scss as @import "../node_modules/slick-carousel/slick/slick-theme.css"; but during bundle, I get errors on

Bootstrap 4 - Reboot.scss overriding Global.scss

I am using Sage Starter Theme and I am adding some CSS to style the links globally in the _global.scss file. Some of the CSS properties are being overridden by

Module.css not loading styles NEXT js

I'm trying apply module.css to one of my components according to this guide https://nextjs.org/learn/basics/assets-metadata-css/layout-component. /*/components/