scss-lint is a tool to help keep your SCSS files clean and readable. This tag should be used only in case of problems with the tool itself and not in case of SASS / SCSS problems
Questions tagged [scss-lint]
177 questions
0
votes
1 answer
How to check the maximum number of selectors in stylelint?
I need to check that there is one root class in one file.
Is it possible?
// Error
.a { }
.b { }
Expected
// Success
.a {}
0
votes
1 answer
How to apply css to the property of the tag?
I am new to css and i would like to know if css can be applied to the properties of tag?
For example in the below code i would like to see entry.count and "files" in blue color.
code
render() {
return(
hightides1973
- 497
- 1
- 9
- 27
0
votes
1 answer
Iterate list data type in SCSS
I found this interesting SCSS advanced guide, with lot of cool approaches to use. Then I got stucked on the one below, the iterator is clear but I cannot understand what the number 1 and number 2 are used for. Any ideas??
SCSS
$buttonConfig: 'save'…
Kaiser91
- 333
- 6
- 17
0
votes
1 answer
scss interpolation help for passing the values
I need to create dynamic classes for which I am creating a scss code to create the classes for all the possible values. Below is my code:-
$colors: (
"black": "0,0,0",
"white": "255,255,255",
"red" : "255,0,0"
);
$opacity:9;
@for $i…
Yogesh
- 331
- 1
- 4
- 10
0
votes
1 answer
How to find CSS/SCSS classes that contains single property
I have bunch of SCSS files. I'd like to find blocks which contains only single property, like:
&__input {
width: 100%;
}
What tools may be helpful here (for example some NodeJS library etc.) ?
I've created repository to better show what I want to…
lusarz
- 195
- 3
- 10
0
votes
1 answer
loader is not aligning in center in angular 4 webapp
I want to add an loader in my angular 4 PWA. https://www.w3schools.com/howto/howto_css_loader.asp this loader is visible till all the contents of page get loaded.
Punj324
- 215
- 1
- 2
- 9
0
votes
0 answers
How to remove repeat properties in css?
I think it happens after git merge,
there are a lot of repeating in my css
for example here:
.case_wrap .same__text {
margin: 90px 0 100px;
position: relative;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
some…
Anton
- 47
- 7
0
votes
1 answer
&. doesn't work in SCSS... why not?
I'm writing some basic SCSS. But I've noticed appending & before a class, only works in certain circumstances. For example, before elements like "section" or before ":hover, active".
But this never works for me before ".class". Why not?
For…
Reena Verma
- 1,617
- 2
- 20
- 47
0
votes
1 answer
Sass style linter - How to disable Expected !default flag?
I'm using bootstrap and for a custom theme
I've to set vars like
$light: #a0adb8;
without !default flag
the linter warning me with
Expected !default flag for "$light"
and I want to get rid of it
what's the rule to put in…
Whisher
- 31,320
- 32
- 120
- 201
0
votes
4 answers
z-index for the nested div
I expect to get this result: https://ibb.co/htJD6J
In my styles I've set to the parent position relative; z-index 50. For the child I've set position absolute; z-index 25.
But as a result, I've got this. https://ibb.co/cwhjDy
P.S. Sorry, not…
Valerii Voronkov
- 339
- 1
- 4
- 16
0
votes
1 answer
Is it required that scss file convert to css
When I use scss as default style in my angular project. Without compiling the .scss file to .css, style is applied.therefore I want to know that the scss is directly applicable in project without compiling to css.I use vs code editor .
user8872666
- 29
- 2
- 5
0
votes
0 answers
SCSS lint Install and configuration on Angular cli
Trying to configure the SCSS lint on my angular cli app, while installing the scss lint module getting the below errors, does the scss lint needed python too?
I have a python installed on my machine in globally, I can execute the python from…
Govinda raj
- 613
- 3
- 16
- 31
0
votes
1 answer
Update Ionic to use scss-linter
I have an Ionic3 project create over a year ago. How do I get to use the SCSS linter?
This is my package.json
{
"name": "xxx",
"author": "xxx",
"homepage": "xxx",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
…
Xerri
- 4,916
- 6
- 45
- 54
0
votes
2 answers
Angular 2 SCSS styling
I wrote scss mixin in main root file style.scss. when i try to access it in my home component it gives me error as No mixin named gradient.
Please help do i need to include styles.scss file in my component
//linear gradient color
$from:…
Jay
- 375
- 2
- 5
- 17
0
votes
1 answer
Angular 2 - Is it possible to add a command for when a file is saved
I'm trying to setup SCSS-lint onto a Angular 2 project and although I can get it to work on npm start and if I ran my command manually, I can not figure out how to get it to run for when I save a file.
"scripts": {
"ng": "ng",
"start":…
MaxwellLynn
- 880
- 5
- 23
- 46