sass Questions

4

I am following this SASS tutorial by net-ninja on YouTube which recommends installing gulp with SASS. However I can't get gulp to work. As per the tutorial I created the gulpfile.js, index.html and...
Autotype asked 4/10, 2021 at 23:14

5

I have a Next.js Application with a main.scss global css file imported in the pages/_app.js file. _app.js import '../global-styles/main.scss' export default function MyApp({ Component, pageProp...
Betweenwhiles asked 31/3, 2020 at 13:19

4

Solved

I'm currently facing an issue with Storybook. Everything is working great in my app, with webpack. Storybook seems to have issue with my configuration. Here's my webpack.config.js : module.export...
Seeley asked 13/8, 2017 at 13:7

4

I want to have one .scss file with some varibles for all the rest .scss files. But if I do so its .scss styles are duplicated in all my .scss files: global.scss - my global variables and styles fi...
Gadmann asked 12/6, 2014 at 11:0

9

I have a problem with SASS for node.js on Mac (OS X El Capitan) When i trying compile a scss file to css using command 'node-sass -o css sass/style.scss' I get the following error: node-sass: comm...
Lysippus asked 5/9, 2016 at 12:33

5

I have to use a converter, but it is very limited. http://hallotheme.com/less2scss Any idea how to convert from LESS to SCSS better?
Taenia asked 23/10, 2014 at 6:41

1

Solved

I have Node v14.19.0, NPM v6.14.16 and gulp CLI version 2.3.0 along with the Local version 3.9.1 installed on my Computer (the OS is Ubuntu 22.04). The issue is, when I run any gulp command I'm get...
Stlaurent asked 28/4, 2022 at 11:18

1

Solved

I am trying to migrate some Vue.js Single File Components from ::v-deep syntax to :deep(), as described here. However, I am not sure how to make it work with nested SCSS rules with &__*. Rules ...
Maritsa asked 17/8, 2022 at 7:52

2

Solved

Is there any way to write keyframes in SASS? Every example I have found is actually SCSS, even when it says it's SASS. To be clear, I mean the one with no curly brackets.
Fra asked 19/9, 2013 at 12:46

1

Solved

@use and @forward both rules can load mixins, functions, and variables from other Sass stylesheets, and combines CSS from multiple stylesheets together. But i was wondering what are the differences...
Chinchy asked 14/8, 2022 at 16:51

6

Using Sass (SCSS) / Compass, is it possible to import some CSS/SCSS into your code from an externally hosted file? I am hosting a jQuery plugin on a CDN and want to keep the CSS in the same locati...
Disjoint asked 5/6, 2013 at 18:33

4

Im building an application only for tablet and I want to use my own font in ttf format. How can I load .ttf fonts into quasar? Another option would be to convert it to woff? I have tried this in ap...
Fluellen asked 3/11, 2020 at 14:57

1

I was wondering if someone could point me in the right direction here. When I run my development server, and some times even the production server the build crashes sporadically saying the javascri...
Respect asked 13/8, 2020 at 8:1

2

Solved

I need to have a vertical line with rounded edges. I used border-left but border-radius doesn't work for having rounded edges.
Phlebotomize asked 30/6, 2020 at 5:45

7

Solved

I'm just starting to learn React (have some JavaScript knowledge, as I'm learning tis as well) and building my first project. I would like to know how to add styles to my first React project, using...
Laurinelaurita asked 2/5, 2021 at 2:11

5

Solved

Hi issue is setting up SASS for Vue.js I run: Node.js - 15.7.0 Vue.js - @vue/cli 4.5.11 This is an error in the console I am having while running this command: npm install -D sass-loader node-sass ...
Zorina asked 28/1, 2021 at 16:13

2

Solved

I'm using the Zurb Foundation 4 (S)CSS framework, and I'm running into an issue of massively duplicated styles. This is because in every file that I @import 'foundation' in, all styles from Foundat...
Ourself asked 23/8, 2013 at 17:14

3

Solved

The homepage of my project has a gallery of images that scroll every x seconds automatically. On Chrome and Firefox everything is fine, but on Safari only the first image shows well and the others ...
Strawboard asked 1/8, 2022 at 8:56

15

Solved

Is there anyway to import a regular CSS file with Sass's @import command? While I'm not using all of the SCSS syntax from sass, I do still enjoy it's combining/compressing features, and would like ...
Subtonic asked 18/8, 2011 at 17:32

3

Solved

I want to change bootstrap's default theme-colors with SASS , the problem is when I change a color and compile , it gives me invalid CSS value error. I've read the docs and saw some tutorials on Yo...
Bhang asked 24/8, 2021 at 14:34

3

I'm trying to use scss in svelte 3, i've done the steps placed in this post: scss guide in svelte 3 but i keep receiving a syntax error "Colon is expectedsvelte(css-syntax-error)" in code like ...
Foreordain asked 10/4, 2020 at 12:30

3

Solved

I have updated my project from Bootstrap 4.5 to Bootstrap 5. I did this by simply overwriting all the old bootstrap files with npm install bootstrap@next. Now I have the problem that I can't use th...
Gelatinoid asked 19/3, 2021 at 18:57

3

Solved

After searching a lot in difference between @function and @mixin I ended up here. Is there any advantage of using @mixin over @funcion or vice versa. In what context they'll be different, how to ...
Remonstrate asked 6/7, 2015 at 7:18

1

When I use Scss in rollup, and When I build project then there is a error: [!] Error: Unexpected character '@' (Note that you need plugins to import files that are not JavaScript) components/styles...
Echolocation asked 9/7, 2022 at 13:51

3

Solved

Is there a way to remove the focus frame of a Material UI Button? I tried to add a CSS class .focusframe with box-shadow: none, but this does not seem to remove the focus frame. When clicked, the ...
Roche asked 21/11, 2019 at 23:28

© 2022 - 2024 — McMap. All rights reserved.