sass Questions
3
I am trying to import a .scss file into a .tsx typescript file.
However i get the following error. When i run npm run tsc
src/public/app1/index.tsx:5:20 - error TS2307: Cannot find module
'./i...
Twodimensional asked 12/6, 2019 at 13:19
2
Solved
I have a small question about @content in sass
I still not understand well how to use it, like I did read content is if you want use a mixin and insert something else there.
My question is: why I n...
9
Solved
Mapbox doesn't fit to it's container. whay not?
This is the rendered html:
<div class="map mapboxgl-map" id="mapBox">
<div class="mapboxgl-canvas-container">
<canvas class="mapbo...
Yarndyed asked 23/7, 2019 at 14:46
6
I have the following situation:
div {
width: calc((100% / 11) - 9.09px);
}
In the context, 100% = 1440px, and 9.09px is generated in mathematics with sass.
The results is: 94.55px, because calc r...
4
Solved
Below is the form field of angular material.
How can I add 2 different customize font-size for placeholder when it's normal and when it floats.
font-size : 20px; (When it is normal)
font-size : 13p...
Gambrel asked 12/9, 2018 at 16:0
6
In SASS, a loop is written like so:
@for $i from 1 through 100 {
//stuff
}
This would yield 1, 2, 3, 4... all the way to 100.
How would you make the loop go in intervals of two units?
@for $i...
Worrisome asked 14/9, 2013 at 13:15
5
Solved
I had to rewrite this every time I want to see a live preview.
sass stylesheet.scss stylesheet.css
4
Solved
I'm trying to use SASS in Netbeans 8.0.1. I have Ruby and SASS set up correctly based upon the feedback from ruby -v.
I have a web application set up with css and scss folders under Project\Web Pa...
1
I have found a way to import scss variables into ts and js using this article
Basically the approach is:
Create a modular scss file containing your scss variables, or import them from the original ...
Morsel asked 1/11, 2022 at 12:15
2
Solved
when I run the cmd command webpack --mode production --color --progress I get this message :
I use Bootstrap v5.2.2 with Sass v1.56.0.
There is my full package.json
{
"name": "xx&q...
Jacquelyn asked 8/11, 2022 at 10:22
2
I can't get Sass to output the !important keyword with a mixin, I've tried:
@include font-size($font-size-sml) !important;
And:
@include font-size($font-size-sml !important);
It always throws...
Fishbowl asked 2/1, 2013 at 7:36
4
I am working on a site where in the master css file anchor outline has been set to none like this:
*:focus {
outline: none!important;
}
I have added a more specific class to override this the a...
Camera asked 26/4, 2018 at 22:47
3
Solved
I'm trying to customize the MatButtonToggle but have difficulties centering the label :
The template :
<mat-button-toggle-group name="condition" aria-label="Condition">
<mat-button-...
Caffeine asked 2/10, 2018 at 12:49
6
Solved
I'd like to use the same variable for different media queries. Something like this:
$avatar_size: 200px;
@media (#{$tablet_size}) {
$avatar_size: 150px;
}
@media (#{$mobile_size}) {
$avatar_siz...
4
Getting to grips with Gulp and have a question.
So I have a gulp CSS task like the below which works just fine:
var sassDir = 'app/scss';
var targetCssDir = 'public/assets';
gulp.task('css', fun...
4
Solved
I have never used SCSS before and I would liketo know if it would allow me to style an element depending if the checkbox located inside is checked or not.
For instance, I have :
<label>
&l...
2
i am trying to export a color from my .scss file to my React.
colors.scss
:root {
--color2: #606060;
}
$color: #88b5dd;
$color2: var(--color2);
.export {
color: $color
color2: $color2
}
a...
6
I know we can edit the theme of material UI but I was thinking on making it dynamic, where in we can have SASS Variables set, and it will automatically update the Material UI theme.
I use sass to...
Bradstreet asked 30/9, 2018 at 7:56
4
I have Vuetify 2.2.11 and I'm trying to override their SASS variables. I'm in a Symfony 3.x project so I didn't install Vuetify with the vue-cli. I followed the Webpack install guide but I can't se...
Ignorance asked 14/2, 2020 at 15:3
10
I create a simple website project with simple HTML and SCSS.
the HTML file seems like this:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=dev...
Maharaja asked 9/3, 2020 at 14:0
3
Solved
I have a sass variable declared in the file _variables.scss. When I import that file using @use, I get an error when compiling stating "Error: undefined variable". If however, I use @impo...
2
Solved
I'm using CSS modules (.scss) with Next.js and have a kebab naming-convention. In other words, something like this:
.member-btn {
background: #fff;
}
The problem that I'm facing is that in order ...
Marsupial asked 12/10, 2022 at 8:1
2
I have installed modern-normalize in my project, and from a sass file I'm trying to include it's css file like so:
@use '~modern-normalize/modern-normalize' as *;
I keep getting this however:
Err...
Callicrates asked 14/10, 2022 at 17:5
9
I was working on webpack 4.44.2, I face this error when I convert to webpack5.0.0
ERROR in ./src/assets/sass/styles.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader...
Symer asked 10/10, 2020 at 14:49
12
Solved
I am relatively new to Rails and I am trying to use the asset pipeline, SCSS, in the development environment. However, after I created the controller, the view, and the css.scss file, I encounter t...
Mobile asked 28/2, 2016 at 13:35
© 2022 - 2024 — McMap. All rights reserved.