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
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
How can I customize Bootstrap 5 to have different grid gutters at different breakpoints? I don't want to use the grid spacing utility classes because those wou
I want to use and change global variables from other components, my files structure looks like this... enter image description here I have my variables in globa
After upgrade to bootstrap 5.x, the node version is v16.13.2, the webpack version is "webpack": "^4.36.0", the sass-loader version "sass-loader": "^9.0.0". when
I'm unable to get Tailwindcss classes to appear on the inline "class" attribute. But if I @apply I through the ".scss" file and use that class on the inline "cl
I'm trying to find a way to compile my multiple scss files into one css file. scripts are in package.json using node-sass The best I've found for the moment
I'm using Node.js 16.13.1 and created a React application and try used Sass, but when I try to run it, I get this error: Node Sass version 7.0.0 is incompatibl
HTML <div class="main"> <div class="first"></div> </div> <div class="second"></div> SASS .main background: #eee
What I'm trying to achieve is a button like Once it's done I need to animate on hover. The closest example I could find is this codepen https://codepen.io/Ches
Tried node versions: 12.20.1, 14.15.4, 15.6.0 When trying to compile the scss file I always get this error: npm run dev > @ dev /var/www/projects/eight >
I am trying to set up development for node-sass but I keep getting "6 packages are looking for funding" which affects anytime I run npm run sass, and I get back
According to this tutorial we should be able to add the class needed to render the overlay container that backs Angular Material Select, Snackbar, etc. like thi
I have valid css grid rule .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px , 1fr)); } however, the scss compiler brings t
I'm using bootstrap-vue and would like to be able to override the theme colors dynamically at runtime (after compiling the scss). To do this I'm following this
Hi Inside the html people use these kind of styles to animate. I am actually following the pen from alphadex Link. I never see this kind of writing in HTML befo
I have tried to install gulp-sass latest version with npm i gulp-sass --save-dev in the begining I got a lot of errors but later solved them. But whenever I tr
I'd like to customize an animation in SCSS based on how many sibling elements the animated element has. The full SCSS code is here for reference, however the re
assuming I have an existing SASS rule like: [dir] .foo { background-image: ...; // ... some more } And I want to add specific behaviors for ltr / rtl lik
Just plugged in gulp-sass into an existing project, and I'm getting an error when I try to write an RGB syntax as follows: rgb(70 168 255 / 0.05) The log: [17