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
1
vote
1 answer
SCSS linter for Codemirror
How can I make linter work in Codemirror for SCSS mode?
If I use css-lint.js then I receive errors such as, Unknown @ rule: &mixin.
Dan Bray
- 7,242
- 3
- 52
- 70
1
vote
1 answer
SASS/SCSS use of ampersand
I am having some difficulties using the ampersand. If I use it like this:
.form-standard {
...
.form--group {
&.has-error {
border-color: $form-error-color;
color: $form-error-color;
.form--feedback::before {content: '*';}…
emvidi
- 1,210
- 2
- 14
- 18
1
vote
0 answers
scsslint ColorVariable and sass palettes
I have a problem with scsslint in this variable
ColorVariable: Color literals like blue should only be used in
variable declarations; they should be referred to via variable
everywhere else.
I have this sass palette:
$color-palettes: (
…
raduken
- 2,091
- 16
- 67
- 105
1
vote
1 answer
use --trace for backtrace Error while compiling SCSS file
I am trying to do
sass input src.scss test.css
or
sass input src.scss:test.css
Both results in error::
Errno::ENONET:No such file or directory @ rb_sysopen - input
This is my first scss to css compilation
Karthikeyan sundaramoorthi
- 554
- 1
- 11
- 24
1
vote
1 answer
SASS: Conditional Variables
I'm trying here something simple. I want to set global variables according to a main class. E.g.:
body.professional {
$c1: #00B143;
$c2: #151018;
}
.container {
color: $c1;
}
Is this possible?
Thanks!
Lucas Veiga
- 1,758
- 7
- 27
- 45
0
votes
0 answers
Sonarqube incorrectly reports "Unexpected missing generic font family "Roboto" and "Poppins""
Screen shot of issue
Sonar Qube is showing this bug "Unexpected missing generic font family" even though this
Roboto and "Poppins" generic font family is included in the font-family set. there any real bug in this SCSS code snippet.
…
nagendra 2468
- 1
- 1
0
votes
0 answers
build color library using partials and variables
_lists.scss this is color lists file
$text-color_white: #fff;
$text-color_black: #000;
_typo.scss this is styles file
@mixin textsize($selectors...) {
@for $i from 0 to length($selectors) {
.title-#{nth($selectors, $i + 1)} {
font-size:…
Ragunath Srinivasan
- 35
- 2
0
votes
1 answer
SCSS Passing numeric value in Interpolation
this is not working, Help needed, am I missing some thing??
I am trying to achieve Variable numeric value for @for $i ..... through .... {... , passing from mixin
$colors: ('primary': #000, 'secondary': #fff);
@mixin titleTxt($title, $start, $end)…
Ragunath Srinivasan
- 35
- 2
0
votes
1 answer
Prefixer mixin for adding vendor prefixes to CSS properties
why the Webkit and Moz not including in output in css file ?
the scss mixin
@mixin prefixer($property, $value, $prefixes: ()) {
@each $prefix in $prefixes {
#{"-" + $prefix + "-" + $property}: $value;
}
#{$property}:…
Ayham Alahmad
- 3
- 3
0
votes
1 answer
How to wrap items to always have min 2 items in the last row?
The problem with pictures
My client want to list vehicles in his website in a responsive way of course. But all known techniques(flex, grid) wrap the last item to the next row.
What I try to do with pictures
But in a hero it's extremely ugly. The…
0
votes
1 answer
Pine code v5, the rank and the abs functions not recognised
this pinescript v5 doesn't seem to work for me, do you see anything wrong, how to correct it?
//@version=5
indicator("Top 20 Candles with Highest Absolute Differences", overlay=true)
// calculate the absolute difference between open and close…
Lavy
- 1
0
votes
0 answers
Why is Linear gradient is not working for even though it works in the tutorial I am viewing
Linear gradient is not working. The codes worked in a tutorial am watchin but it didnt work for me. I had to add a fallback. What is wrong with my code? Its an Angular project with scss styles and bootstrap.
html, body {
background-color:…
Binah
- 39
- 1
- 4
0
votes
1 answer
StyleLint throws error when running in Github action
I have been trying to deep dive into the problem, but I cannot figure out where everything is going wrong. As you can see below is where the error is happening for this specific rule…
Grant mitchell
- 277
- 1
- 2
- 12
0
votes
0 answers
How to rotateY(180) an element twice but the second with the new transform-origin
I want to rotateY(180) a div from the beginning to the end of the row. It should be done just by rotating not moving the position.
I would be very thankful if someone can help me.
Elham Dabiri
- 435
- 2
- 9
0
votes
0 answers
My links stopped working after I put " content: "" ; " in my scss code in react
I need to add link to my image. I mean when ever I click my image it should redirect to perticular page. I tried to do it using Link tag (react-router-dom) but it is not working properly.
