anandthakker / anandthakker/doiuse

SCSS support?

Aberta
#135 5 comentários 0 reações 0 responsáveis Ver no GitHub
docs
Linguagem predominante
JavaScript
Estrelas
1.3k
Forks
57
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

I'd like to lint .scss files.

``` shell
doiuse sass/variables/_spacings.scss
```

Produces:
```
{ CssSyntaxError: /Users/rolle/Projects/airdev/content/themes/air-light/sass/variables/sass/variables/_spacings.scss:3:1: Unknown word
You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss parser
at Input.error (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/input.js:112:16)
at Parser.unknownWord (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/parser.js:518:22)
at Parser.decl (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/parser.js:201:16)
at Parser.other (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/parser.js:115:18)
at Parser.parse (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/parser.js:59:16)
at parse (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/parse.js:11:12)
at new LazyResult (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/lazy-result.js:122:16)
at Processor.process (/usr/local/lib/node_modules/doiuse/node_modules/postcss/lib/processor.js:33:12)
at Transform.write [as _transform] (/usr/local/lib/node_modules/doiuse/stream.js:60:17)
at Transform._read (/usr/local/lib/node_modules/doiuse/node_modules/through2/node_modules/readable-stream/lib/_stream_transform.js:177:10)
name: 'CssSyntaxError',
reason: 'Unknown word',
file:
'/Users/rolle/Projects/airdev/content/themes/air-light/sass/variables/sass/variables/_spacings.scss',
line: 3,
column: 1,
input:
{ line: 3,
column: 6,
source:
'// CSS Variables for responsive paddings and margins\n:root {\n // Paddings\n --padding-container-horizontal: 2rem;\n --padding-container-vertical: 6.4rem;\n --padding-site-header-vertical: 2rem;\n --padding-block: 8rem;\n\n // Margins\n --margin-between-text-elements: 4rem;\n\n // Mid-sized screens\n @media (max-width: $width-grid-base + 150px) {\n --padding-container-horizontal: 2rem;\n }',
url:
'file:///Users/rolle/Projects/airdev/content/themes/air-light/sass/variables/_spacings.scss',
file:
'/Users/rolle/Projects/airdev/content/themes/air-light/sass/variables/_spacings.scss' } }
```

I never work with outputted CSS files. It would be amazing to be able to use [vscode plugin](https://github.com/mrmlnc/vscode-doiuse) and see the browser support directly on editor linter OR even implement this to a gulp task.

Guia de contribuição

Abrir o guia de contribuição

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.