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
0
votes
1 answer

scsslint-hot preLoader in Webpack doesn't work in subdirectories

I use scss-lint to lint my SCSS files. To run it in hot mode in Webpack I use scsslint-hot. I added it to my preLoaders in Webpack and it works fine as long the files are not nested in subdirectories. For example: ./src/style/layout.scss is linted…
KevinH
  • 1,066
  • 1
  • 14
  • 17
0
votes
0 answers

Issue compiling Bootstrap 4 Alpha 5 on Windows

I downloaded the bootstrap 4 alpha 5 source files on my windows 10 machine. I unzipped the folder to my downloads folder and before making any changes I wanted to see how it builds. So I open a command prompt with admin privileges and ran "npm…
shellwe
  • 105
  • 4
  • 16
0
votes
1 answer

ionic2 - change font attribute of .loadcontent

I am using LoadingController to manage the loading page. Below is my code: presentLoadingCustom() { let loading = this.loadingCtrl.create({ spinner: 'hide', content: `
sooon
  • 4,718
  • 8
  • 63
  • 116
0
votes
1 answer

scss-lint errors out on @charset UTF-8 because of Front Matter

I am using Vim with Syntastic syntax checking plugin, configured to lint scss files with default sass and scss-lint linters. Opening css/main.scss in a Jekyll project, scss-lint returns error: css/main.scss:5:1 [E] Syntax Error: Invalid CSS after…
remy-actual
  • 724
  • 7
  • 19
0
votes
1 answer

SCSS variables are rendered as browser hacks

I've configured stylelint to read SCSS and I keep getting browser hack warnings on SCSS items like $variables and !default. I loaded in the stylelint-scss plugin thinking this might fix it but it hasn't. I want the browser hacks rule to be enabled…
Brandon Parker
  • 762
  • 7
  • 18
0
votes
2 answers

How to style a data- placeholder attribute in SCSS?

I am trying to style a data-placeholder in SCSS. I want to change the color of data-placeholder from the existing color to dark-grey but my attempts have not been successful, what am I missing? Code below HTML5
mohan babu
  • 1,388
  • 2
  • 17
  • 35
0
votes
1 answer

How to integrate scss-lint to run on codeship?

I am working on a project for which we run rspec tests on codeship, along with rubocop for ruby style consistency. We use scss-lint in development and as an editor integration for sass styles. We would like to integrate scss-lint into codeship, so…
killerkiara
  • 101
  • 3
  • 9
0
votes
1 answer

scss-lint.yml is not working

I got small problem with scss-lint, I am trying to run in a simple file and after changes in the scss-lint.yml , still not loading my config. scss file: _headlines.scss // Headlines %headline-primary { @include rem-size(60px); color:…
raduken
  • 2,091
  • 16
  • 67
  • 105
0
votes
1 answer

SCSS images distorted

I have a round image that in a browser appears round. However, when I build the apk and run it on my android phone, the image is distorted (width greater than height). How do I enforce that it stays round? I am using Ionic 2. HTML:
Richard
  • 8,193
  • 28
  • 107
  • 228
0
votes
1 answer

SCSS Lint: Force only classnames to be used as a selector

I have a .scss-lint.yml file containing all the rules I want to use in my project. One thing we enforce in our SCSS is that only classes are targeted, as per BEM documentation. Because this is not covered in my .scss-lint.yml, it stands currently as…
alanbuchanan
  • 3,993
  • 7
  • 41
  • 64
0
votes
1 answer

How to make SCSS linter accept both snake lowercase and hyphenated lowercase as selectors naming convention

My SCSS linter (.scss-lint.yml) is currently set to accept hyphenated_lowercase CSS selectors. SelectorFormat: enabled: true convention: hyphenated_lowercase Recently I've added couple of external widgets which are using snake_case. I need to…
Karol
  • 7,803
  • 9
  • 49
  • 67
0
votes
1 answer

Elegantly targeting an element within a selector three nesting levels deep, without breaking linting rules

I am refactoring some SCSS, and I have come across a nesting issue using BEM syntax in my SCSS files. My linting rules state that I cannot use more than three levels of nesting. However, sometimes I may want to target an element within a modifier…
alanbuchanan
  • 3,993
  • 7
  • 41
  • 64
0
votes
1 answer

sass @include is working in different way

I found this below code in one of web application, which is generating the css as mentioned below Not able to understand what way this include is working as per as I aware include is kind of function calling But I could able to see {} with some code…
shaik
  • 35
  • 1
  • 9
0
votes
2 answers

how to write CSS for Star Rating in this scenario?

Stuck in half star rating problem CSS. I take a reference from http://codepen.io/mrk1989/pen/mLeHJ my Html structure for Star showing is like that
  • …
Kinny
  • 47
  • 1
  • 1
  • 10
0
votes
1 answer

scss: Invalid CSS - expected mixin argument

@each $i in yt2 , yk2 { @include set_check( #check_#{$i},.bg_#{$i},.border_#{$i} ); } I want create selectors like #check_yt2{} , .bg_yt2{}, .border_yt2{} #check_yk2{} , .bg_yk2{}, .border_yk2{} .............. for…
carllx
  • 3
  • 2
1 2 3
…
11
12