Category "sass"

How to create color shades using CSS variables similar to darken() of Sass?

I'm looking a way of modifying a CSS variable as you would in SCSS Define a color like primary - and automatically I would get shades for focus and actives sta

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