sass Questions

4

Solved

I have a slideshow on my landing screen that I want it to be fullscreen combined with a 70px height nav bar, I am trying to use sass so that I don't have to write javascript code for this, but .s...
Mckinzie asked 7/10, 2016 at 14:44

4

Solved

I am in the process of updating my Angular 8.2.14 project to Angular 9.1.0. I have been successful so far with using ng update to migrate all files to the most up-to-date release version of Angular...
Weidar asked 2/4, 2020 at 15:50

7

I was inspecting the codecademy.com site and there is an element with the attribute: box-shadow: inset 0 0 5px rgb(0 0 0 / 15%), 0 0 7px #fff; It seems that this causes a double circle around the ...
Perrotta asked 26/3, 2021 at 23:27

2

I want to use and change global variables from other components, my files structure looks like this... I have my variables in global.sass file, but I can't access variables in other components.
Hackery asked 25/1, 2022 at 13:20

7

Solved

Why put _ in front of the filename in scss? _filename.scss - Why does it need _ ?
Lys asked 20/1, 2016 at 1:25

3

Solved

With webpack, we can set sassOptions like below: { loader: require.resolve('sass-loader'), options: { sassOptions: { quietDeps: true }, }, } Following the vite document, I'm trying to config a...
Casablanca asked 27/6, 2021 at 2:18

1

I hope it would be a simple question for you guys :(. I have a problem using container query by installing "container-query-polyfill". Of course, I enabled css container query flag from C...
Leonelleonelle asked 3/3, 2022 at 23:22

4

I am trying to integrate my webpack project with sass-loader, but I am get this error: Module build failed: Error: Cannot find module 'postcss' I already installed postcss and postcss-loader wi...
Marcelinomarcell asked 1/4, 2018 at 4:31

1

I'm having some difficulties beginning configuration of minima theme for Jekyll. The theme is Jekyll's default, appears to be extremely popular, and the instructions in the README appear straightfo...
Dalton asked 15/12, 2022 at 20:7

2

Solved

I'm trying to pass some data to SCSS, based on entry point. I will have two themes and I have to know what theme Im currently bundling. Webpack entry points : webpack: { entry: { toyota: path....
Troll asked 28/1, 2020 at 8:14

10

Running create-react-app, I get the error in my create-react-app application: To import Sass files, you first need to install node-sass. Run npm install node-sass or yarn add node-sass inside y...
Cabby asked 8/11, 2019 at 15:35

4

Solved

We operate many small websites. We usually host them on Digital Ocean's $5-$10 servers. Part of our deployment is compiling of Sass to CSS using node-sass. On our latest server we experience a si...
Historiographer asked 20/4, 2018 at 9:10

3

Solved

I have downloaded a free HTML theme. If I open index.html file of the theme in the browser it works perfectly. However, now I need to integrate this theme in my Laravel Application. If I inspect...
Unvalued asked 20/6, 2018 at 6:39

2

Solved

Is there a way to prepend a selector directly to the current selector in scss. Consider the following: .object-fit { object-fit: cover; height: 100%; width: 100%; overflow: hidden; } is ther...
Debase asked 7/10, 2019 at 13:37

3

Solved

I'm working on a React project that uses SASS (SCSS syntax) for styling, along with Jest for unit tests. I'm having trouble testing styling in my project. Here's a simple example: In component.js (...
Peavy asked 2/11, 2020 at 0:50

0

My repo for anyone to have a look: https://gitlab.com/gkurl/vapedcrusader Node version 16.18.1. Getting a nuxt build error when I run yarn run build (dev works fine): ERROR in ./components/AppNavig...
Disforest asked 14/12, 2022 at 13:0

7

Solved

Currently in our Sass files we have something like the following: @import "../../node_modules/some-module/sass/app"; This is bad, because we're not actually sure of the path: it could be ../node...
Firecure asked 2/2, 2015 at 17:48

1

Solved

I've got component level .scss files (filename.module.scss) and I want to purge unused css from these files. Since the styling classnames get hashed. I was wondering how I can get purgeCSS to work ...
Klinges asked 3/1, 2022 at 4:20

1

Solved

I am updating from Angular 12 to 13. Seeing this error, haven't found any solution to it yet. Can someone point me in the right direction? My package.json { "name": "test-app",...
Broughton asked 12/12, 2022 at 12:20

8

I have defined a color in my root: :root { --purple: hsl(266, 35%, 70%); } And I'm trying to use it in a SASS function to give it transparency: .purple { background: transparentize(#{"var(--p...
Bedlam asked 17/8, 2018 at 3:58

1

I am new to react/nextjs development. Always thought react component render in server and ready as cached to go. But if nextjs 13 make all mui controls as client component where is the render happe...
Embolus asked 7/12, 2022 at 8:33

2

Solved

I'm using Sass and want to use @use keyword instead of @import. Because, @import has many buggy problems. Also only dart-sass supports this feature, I changed node-sass into dart-sass. However, pro...
Elytron asked 1/6, 2020 at 7:10

23

Solved

I've created a blank React project, using the command: npx create-react-app on npm v7.0.7 and Node.js v15.0.1 Installed: React v17.0.1, node-sass v5.0.0, Then I tried to import a blank .scss file...
Biaxial asked 31/10, 2020 at 18:19

6

Solved

When I try to build SASS file with webpack, I got the following error: Module not found: Error:Cannot resolve module 'file-loader' note that this issue only happen when i try to load backgroun...
Mixer asked 18/12, 2015 at 10:3

6

Solved

Im having alot of trouble with this, and the apparent solutions aren't working or im doing something wrong (probably the latter). I want to style my mat-menu and the mat-menu-item's, ive tried doi...
Luteous asked 19/10, 2017 at 0:5

© 2022 - 2024 — McMap. All rights reserved.