Questions tagged [Sass] (1260)

Recently started to learn express.js. Want to migrate your site made it on + handlebars and not lose the opportunity to scale the front is already on the Express. How to work with scss? What is the complete algorithm web full stack development and how best to proceed?

Attached a screenshot where you can see the hierarchy and where is stored the code from scss. The left also can be seen more fully. I do not understand why not convert. Tell me the reason, just the video once everything was in order

Good afternoon. There app.js the following: const express = require("express"); const app = express(); var pageInfo = { home: { link: "/", title: "Main page", description: "Some text" } }; app.set("view engine", "pug"); app.use("/public/", express.static(__dirname + "/static/")); app.use("/", function(request, respo...

Good afternoon. Experimenting with box-shadow in scss. You want to add multiple shadows to one element, I want to make some of them using mixins. Can I make a mixin that depending on the input parameters can generate a similar line: 0 1px 0 0 black, 0 10px 0 0 white, 0 20px 0 0 red, And then use it thus: Box-shadow: ...

After upgrading Angular from 7 to 9 appeared the following error: ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/dist/cjs.js??ref--13-3!./src/styles.scss) Module build failed (fro...

border-radius: calc(var(--icon-size) / 2) / var(--icon-size); how to convert from native variables? try $size = 36px; border-radius: calc(($size/2) / $size); does not compile errors Galp does not

Reset node.js the updated version didn't help. In the console error, tried to understand, like the problem with the file creation... ERR! configure error gyp ERR! stack Error: EACCES: permission denied mkdir '/home/michail/Documents/uu/node_modules/node-sass/build' gyp ERR! System Linux 5.3.0-46-generic gyp ERR! command ...

I have a file with variables. I connect to the individual files where I want. Now I need to override the values of variables based on the body class. I tried (for example): $color-white: #fff; .dark { $color-white: #000; } But, unfortunately, does not work. Any help would be appreciated!

There are styles in Sass component Vue.js <style lang="sass" scoped> .title font-size: 50px font-family: Arial font-weight: 500 color: red </style> Part code from the Assembly const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const { VueLoaderPlugin } = require('vue-loader'); module: { r...

Watcher in phpstorm is configured for sass files. A string of the form .section display: block &__block background: #fff it compiles so .section { display: block; } .section__block { background: #fff; } But I would like to compile here .section { display: block; } .section__block { background: #fff; } Ie I want ...