Stack Overflow
Stack Overflow

Questions tagged [scss-lint]

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

177 questions
3
votes
3 answers

Swipe to delete in Angular 10

Hello my fellow developer. I would like just to ask for help for me to be to achieve the swipe delete feature on our Angular project. Please see the screenshot below. This is the code that was given to me to work with that feature.
Eduwow
  • 95
  • 1
  • 11
3
votes
2 answers

scss does not work with vue3 app (TypeError: this.getOptions is not a function)

I am trying to use scss in the vue3 app. I get following…
AAB
  • 177
  • 1
  • 4
  • 13
3
votes
2 answers

Is the Sass linting rule for enforcing a space between the prop and value working incorrectly with VS Code?

I have the latest version of Visual Studio Code (1.44.0) and the Sass extension (1.8.2), and am having an issue with a warning for: Property should have one space Between the prop and value Sass(Property: 1), despite it being formatted properly. it…
brewster
  • 4,342
  • 6
  • 45
  • 67
3
votes
0 answers

gulp-scss-lint configuration file not validating scss file and showing warning

I have installed node, gulp on my local system and try to use css lint using gulp. Below is my code. common.scss file dd { margin: 0; } gulp/config.js scss: { source: '/web/assets/scss/**/*.scss', destination: '/web/assets/css', …
Prashant Patil
  • 2,463
  • 1
  • 15
  • 33
3
votes
1 answer

How to edit css through scss files

Actually for a recent project i downloaded a theme (Admin Panel). It mostly contains css in parts in the form of .scss files . I tried editing files directly from style.css but nothing seems to change . so i did little bit of research and found…
Prince Arora
  • 354
  • 1
  • 6
  • 20
3
votes
2 answers

stylelint rule blacklist specific selector

This is regarding stylelint. I am looking for a solution to blacklist use of specific selectors like html[dir="rtl"] { //some css } There is a rule to block specific property Link. But there is no rule to block use of particular selector. Is…
ankitd
  • 1,967
  • 3
  • 26
  • 44
3
votes
0 answers

How to put a swipe effect in toggle switch made with css?

I am testing this toggle switchs, then I want to verify if is possible put a swipe effect only with these html elements. h1 Pure CSS Toggle Switches .centered .card label(for='switch1') input(type='checkbox' id='switch1') …
Tabares
  • 4,083
  • 5
  • 40
  • 47
3
votes
1 answer

Disable scss.lint rule for one file in VS Code

I'm using VS Code settings.json to add scss.lint rules. I've enabled the ImportantRule but I want to turn it off for one file. This SO answer says how to do it for scss-lint but it isn't working for me in VS Code. Is there a way to do this in VS…
BeniaminoBaggins
  • 11,202
  • 41
  • 152
  • 287
3
votes
0 answers

Angular 2 CLI SCSS inline images

I'm re-coding a site originally wrote in Compass, but I use a lot of inline base 64 images with inline-image now I'm using Angular 2 CLI with node-sass but that function is not available, there's a library named sass-inline-image but it needs gulp…
Chriss Mejía
  • 110
  • 1
  • 10
3
votes
2 answers

How to access global SASS mixin function in angular2 individual component?

i have a common SCSS mixin function in global SCSS file. but i could not able to access that mixin function inside the angular2 components. i have global style.scss which have following mixin function @mixin respond-to($breakpoint) { @if…
Maheswaran S
  • 525
  • 3
  • 12
3
votes
2 answers

sass-lint in Atom throws 'Unexpected Parse Error'

I have several simple .scss (SAAS) files and for each one I get a sass-lint error. Unexpected Parse Error To the best of my knowledge, I have the most current sass-lint plugin for Atom. It doesn't seem to affect anything and is more of a…
Taylor Ackley
  • 1,397
  • 1
  • 16
  • 31
2
votes
0 answers

Custom SCSS Linting with style lint

I have a straightforward question. How do you create a custom lint rule with scss which can move media queries outside of classes? For example, the following is a VALID: .class-name { background-color: green; } @media only screen and…
dtandon
  • 108
  • 5
2
votes
1 answer

Autofix order of selectors

We use SonarQube against our application. One of the SonarQube rules says: Selectors of lower specificity should come before overriding selectors of higher specificity The details are here. As my application has many violations, changing the…
Notre
  • 1,093
  • 3
  • 13
  • 26
2
votes
2 answers

What is the best way to use the container class for a component?

I am trying to build a card. I am supposed to use some styling from a different project. The structure of the card is as follows:
This is the body
The mixin for the…
pree
  • 239
  • 1
  • 3
  • 12
1
2
3
…
11 12