sass Questions
4
Solved
I currently define a custom theme finishing with something like:
$my-material-theme: mat.define-light-theme((
color: (
primary: $my-material-primary,
accent: $my-material-accent,
warn: $my-mate...
Postern asked 3/12, 2021 at 6:40
2
Solved
Background:
I'm trying to generate a color palette in SASS/JS based on Google's Material Theme Builder 3 which requires tonal palette's to be generated based on relative luminance and not lightness...
Twopenny asked 12/12, 2021 at 13:22
6
I'm trying to import slick-theme.scss in my parent scss as
@import "../node_modules/slick-carousel/slick/slick-theme.css";
but during bundle, I get errors on the files imported in slick-theme.sc...
3
Solved
Background
Consider the following _variables.scss file:
/* Define all colours */
$white: #fff;
$black: #000;
$grey: #ccc;
// etc...
// Export the color palette to make it accessible to JS
:export ...
Newspaperwoman asked 17/8, 2019 at 12:21
6
Solved
This might seem stupid, but I recently tried to install SASS and followed their instructions:
$ gem install sass
$ sass --watch [...]
So I followed along:
root@server:~# gem install sass
Succe...
1
I'm building an Angular app and I am using scss for styling and want to import google fonts.
I have a fonts.scss where everything related to fonts is saved. I import Google Fonts like this:
fonts...
Attending asked 6/6, 2020 at 11:24
2
Solved
What's the difference?
@use 'scss/my'
and
@use 'scss/my' as *
I think it's same, isn't no use namespace, right?
but is it difference?
Corrigendum asked 10/3, 2022 at 15:23
1
I've created a nextjs app within my NX monorepo and I've started porting an existing NX app (within the same monorepo) to it.
My NX monorepo is set up with many alias's, all of them configured with...
Evette asked 9/5, 2022 at 23:41
2
Solved
I use a variable.scss file to custom my button. My question is NOT USE CSS but SCSS ONLY.
I start with change primary color (#66cccc) and font (RobotoSlab):
$primary: #66cccc;
$font-family-base: ...
Ogdon asked 11/2, 2019 at 11:0
4
Recently I updated my angular application to version 14 and after the upgrade, I am getting the below error. The error is below
./src/assets/vendor/default/styles.scss - Error: Module build failed ...
Indite asked 29/11, 2022 at 9:27
10
Solved
I have font-awesome in my node_modules folder so I try to import it in my main .scss file like so:
@import "../../node_modules/font-awesome/scss/font-awesome.scss";
But Webpack bundling compilat...
Thomasina asked 11/11, 2015 at 11:39
2
Solved
I'm using react with sass.
It's look like both have same benefits.
Locally scoped, No more conflict etc. What is the main diffrence between
style.scss
vs
style.module.scss
Why do we need .module ...
Candlemaker asked 18/3, 2020 at 7:28
3
I have vue application using typescript and when I compile my code then I getting the following error:
Failed to compile.
./src/style.scss (C:/../node_modules/css-loader/dist/cjs.js??ref--8-oneOf...
3
In sass file
h3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 24px;
max-height: 24px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
After ru...
4
Looking at the Angular Material documentation, they recommend using a -theme file per component to manage applying any theme-related styles to a specific class.
From my perspective, some downsides...
Informative asked 4/4, 2018 at 3:8
6
Solved
In the following CSS taken from Twitter Bootstrap what does the ampersand (&) character mean?
.clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
}
&:afte...
Sides asked 28/11, 2012 at 15:42
8
How to solve the incompatible units problem?
@mixin square-size($size, $min: $size, $max: $size) {
$clamp-size: min(max($size, $min), $max);
width: $clamp-size;
height: $clamp-size;
}
The inp...
Antonantone asked 8/1, 2019 at 10:59
3
Solved
I have a Nuxt app and I want to use the CSS pre-processor.
I installed the sass-loader fibers dependencies, but after installation, a message appears in the application console, which I presented ...
7
Solved
I have a scss file with font import implemented this way:
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin-ext,cyrillic);
I understand that using CDN...
Toting asked 22/5, 2016 at 9:9
3
Solved
I have an existing project with a scss file that uses semantic variables:
$background-color: white;
body {
background-color: $background-color;
}
I would like to change the background to black w...
1
Because the node-sass have a big install problem and compatible problem, I do not want to use node-sass, prefer to use dart sass in my project. But when I use the sass-loader like this:
"sass-...
Output asked 16/1, 2022 at 4:55
4
Solved
Lets say I have the following html:
<header class="header">
<div class="title">
<h1>Home</h1>
</div>
<div class="logo">
<img src="#" alt="Logo">
&l...
9
Solved
I need to use Sass math.div function in my angular application. Here is the example of my SCSS code:
@use "sass:math";
div {
min-height: math.div(100, 2);
}
I created the angular appl...
4
How would you structure the sass files in an Angular project?
As I see it there are 3 options.
1.
Remove all sass files (and styling) from the component folders and have all files in a “normal...
22
Solved
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 try to run gulp I got this error:
Error:...
© 2022 - 2024 — McMap. All rights reserved.