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
2
votes
2 answers
How to use multiple theme in Bootstrap with sass
in scss file:
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
$primary_color: #EC424F;
.dark {
$primary_color: #403F45 !global;
}
.light…
Abdallah El-Rashedy
- 751
- 1
- 10
- 19
2
votes
1 answer
How can I hide button on mobile media query and show them onclick?
I have dropdown button which I want to hide when on mobile layout. On mobile layout there should be 1 main button, and on click of this button should trigger display of dropdown button. As of now on mobile overlay the main button is overlapped by …
OSAMA E
- 341
- 3
- 15
2
votes
1 answer
--watch command is obsolete?
--watch command
no longer works for scss. What's the equivalent
Bought a new pc and can't get newest version of sass to compile
This is going to be marked as duplicate but please point me in right direction
Ben Stephan
- 21
- 1
2
votes
0 answers
Different behavior of SVG image in Chrome and IE 11
I have an svg image and I am using flex to center the svg image inside div. svg image is getting properly centered in Chrome, but if I am trying to use the same behavior in IE 11, svg image is getting completely expanded and it covers the entire…
Asif Zaidi
- 123
- 3
- 20
2
votes
1 answer
Error: Cannot find module 'stylelint' Webpack
I tried to include a scss linter to my webpack config file.
But every time I run "npm run start" my console print this error message:
Error: Cannot find module 'stylelint'
The plugin is installed and my webpack.config.dev.js looks like this:
const…
andiiii
- 21
- 1
- 2
2
votes
2 answers
Difference between custom properties in CSS and SCSS/SASS variable
I was going through a really nice tutorial
https://www.sitepoint.com/variables-in-css-custom-properties/
I was trying to understand the concept of custom properties in CSS. But I am really confused as since SASS/SCSS variable also do the same thing.…
Apurva Pathak
- 692
- 1
- 9
- 22
2
votes
2 answers
How can I set .scss variable value at runtime?
I am coding in Ionic 3, trying to develop countdown timer. I need to set .scss value at runtime. How can I do it?
.scss code
$d: 300;
$w: 20;
$interval: 2;
$rotation: 1;
&:before {
content: "";
display: block;
width: 100%;
…
Ankit
- 562
- 5
- 12
2
votes
1 answer
How to specify messages for single rules within a declaration
I am trying to adjust my property-blacklist in stylelint and want to provide a message to each property that is blacklisted, like I did below with the top-property.
"property-blacklist": [
"top",
{
"message": "Use translateY instead."
…
Dominik Spiertz
- 156
- 2
- 6
2
votes
1 answer
Concatenating special characters in SASS/SCSS
I have created a mixin in SASS and the codes as below.
@mixin skew($axis, $a) {
transform: skew+$axis+($a);
-o-transform: skew+$axis+($a);
-moz-transform: skew+$axis+($a);
-webkit-transform: skew+$axis+($a);
}
But the output it shows as…
user9695282
2
votes
3 answers
Is it possible to determine number of children of any container using any SASS function?
Is it possible to determine number of children of any container using any SASS function?
For example, I have a container which has 3 columns:
…
Touhid Rahman
- 119
- 11
2
votes
1 answer
error Command failed with signal "SIGABRT" When running npm run sass-lint
So I installed scss-lint with Atom and npm -g sass-lint
When I run npm run sass-lint I get this strange error message:
I'm trying to run scss-lint in the terminal, however can't find documentation on what the command is...
yarn run v1.0.2
$…
Leon Gaban
- 36,509
- 115
- 332
- 529
2
votes
1 answer
How can I use sass maps with SASS syntax (not SCSS)?
When I am trying to use this code
$column-width: (
first: 210px
second: 200px
third: 100px
)
@each $column, $width in $column-width
.col-#{$column}
width: $width
I have got an error
Message:
_sass\grid.sass
Error:…
Skif
- 1,178
- 4
- 14
- 26
2
votes
2 answers
Compiling Sass (scss) to css
I have this template - web template - editorial when I added it to my existing Meteor app it does not load the scss files, only the css file which is in the client directory. Though I put the scss files in the public folder. What best way can I add…
ken4ward
- 2,246
- 5
- 49
- 89
2
votes
1 answer
SCSS Custom Linter not inside mixins nor functions
I have this linter rule, that verifies that for every variable there is a use of !default:
module SCSSLint
# Reports the use of !default in properties.
class Linter::DefaultRule < Linter
include LinterRegistry
def visit_variable(node)
…
Amit
- 5,924
- 7
- 46
- 94
2
votes
1 answer
Using sass-lint within npm script leads to error
I'm putting together an app using angular-cli. I'm going to write my styles in SCSS and as such I want to have linting available for my SCSS files. Node-sass is already installed when using angular-cli to create an app and I've install sass-lint…
hellsgate
- 5,905
- 5
- 32
- 47