sass Questions
7
When running ng serve I have this result:
*./src/main.ts - Error: Module build failed
(from./node_modules/@ngtools/webpack/src/ivy/index.js)
../.component.scss:17:100: ERROR: Unterminated string t...
7
Solved
In Ionic 2, I would like to access the $colors variables from the file "[my project]\src\theme\variables.scss".
This file contains:
$colors: (
primary: #387ef5,
secondary: #32db64,
danger: #f5...
Vermicide asked 4/11, 2016 at 9:8
10
Solved
I am making a css grid system that relies on the concept of blocks. So I have a base file like:
$max-columns: 4;
$block-width: 220px;
$block-height: 150px;
$block-margin: 10px;
And it is used by...
Tranship asked 19/2, 2012 at 23:18
5
Solved
I am using css modules with Sass in next.js and I got this error
:global {
.slick-track {
display: flex; // Syntax error: Selector ":global .slick-track" is not pure (pure selectors mus...
Lulualaba asked 1/2, 2021 at 0:0
7
Solved
I am trying to group clases so the code will be cleaner and legible. In the documentation of Tailwind it talks about "@apply", that can be used for this objective but I am using the CDN a...
Segregate asked 23/3, 2022 at 7:58
2
Solved
I am learning sass in react but I am getting this error and I can't find the answer. I have installed node-sass and everything was compiling good but when I tried to import variables I can't use th...
Trappings asked 21/4, 2021 at 11:59
44
Solved
I have installed Node.js modules by 'npm install', and then I tried to do gulp sass-watch in a command prompt. After that, I got the below response.
[18:18:32] Requiring external module babel-regis...
13
I failed to run node-sass(node module), where I was able to setup path for input extensions.scss files and output files generated after compiling to dist/ folder.
Now, I am using vscode extension ...
Tallulah asked 5/8, 2018 at 17:54
3
Solved
I have a file structure like this:
---- _base-map.scss
---- _child-map-1.scss
---- _child-map-2.scss
---- _child-map-3.scss
styles.scss
styles.scss imports all the child map files:
@import './b...
Aggri asked 24/3, 2020 at 14:42
3
Solved
I am stuck in the process of setting up my new React project.
I am using webpack, webpack-dev-middleware, express etc to implement custom server.
I am getting issue when I import my scss (sass) fil...
Pacer asked 12/10, 2020 at 10:58
6
Solved
I have an image inside of a container and I want it to be a perfect square. I'm setting my width to be 100% of the container and the goal is to get the height of the image to be the same as the wid...
2
Solved
I am trying to build a progress bar as seen often within checkouts.
The problem is, that the borders between the arrows are transparent and the whole thing should be responsive.
I got it this fa...
Tapp asked 20/4, 2015 at 9:31
5
Solved
I have an issue with sass compilation.
When I have a project with a partial _partial.scss and have it imported in multiple partial files (because it contains color variables) it will end up in the...
6
Solved
Hello my beloved community,
Using angular with angular material.
With the default configuration when you open up a material dialog, it darkens the background a bit. Now I would like it to be a bl...
Allonym asked 11/3, 2019 at 21:28
2
I have my "App-component" and a "B-component" that gets rendered inside my app component. Each has its own style.
But when it gets compiled, my ComponentB.css is put before my app.css, making the...
1
It's going to be awhile that I'm trying to find a solution to use javascript variables has scss value.
Let me explain my issue.
I use VueJs/Vuetify and I've got two entry point for my theme.
The fi...
Ringworm asked 4/7, 2020 at 15:19
4
Solved
After upgrading an Angular 12 project to Angular 13 I encountered an issue where SCSS was no longer to locate a shared style sheet in a library. It appears that that Tilde (~) no longer resolves to...
5
Solved
I generate a custom theme from Material Theme Generator
My theme is something like
@use '@angular/material' as mat;
@import 'https://fonts.googleapis.com/css?family=Material+Icons';
@import url('h...
Rigmarole asked 13/12, 2022 at 12:21
3
I am creating css using SASS and would like to make it possible for another developer to create a custom css by changing sass variables. This works fine when I in my base file use a single variable...
Elstan asked 16/11, 2014 at 13:58
5
Solved
I'm working on a project that requires to be themeable at runtime. So I created a theme system that combines SCSS variable with CSS Variables.
This is how it looks.
:root {
--primary-color: 196;
}...
Gremlin asked 8/2, 2019 at 15:35
6
Solved
Having multiple two-class selectors for a single declaration block, is it possible to simplify the following (i.e. not having to repeat the body tag):
body.shop, body.contact, body.about, body.faq...
4
I want to convert pure React app to NextJs app. In React app I'm importing .scss CSS files in multiple places of components.
Once I move the code into Next.js environment it is showing error:
Goba...
2
Solved
terminal screenshot
@import "Documents/bootstrap-5.3.0-alpha2/scss/_functions.scss";
@import "Documents/bootstrap-5.3.0-alpha2/scss/_variables.scss";
@each $color , $value in $...
7
I do already have SCSS variables defined in src/styles/settings/_variables.scss and I am importing them into src/styles.scss, but still these variables aren't available for every single component.
...
Wot asked 12/3, 2019 at 22:7
2
In VS Code I would like to be able to jump into other SCSS modules using path aliases as defined in tsconfig.json.
Our Webpack/Vite build setup works fine (e.g. via sass-loader/options/sassOptions/...
Mugwump asked 23/2, 2022 at 10:31
© 2022 - 2024 — McMap. All rights reserved.