Emmet: Suporte para SugarSS

Criado em 9 mar. 2016  ·  5Comentários  ·  Fonte: emmetio/emmet

Esta é a nova alternativa / oficial do PostCSS para as sintaxes do pré-processador: https://github.com/postcss/sugarss

Comentários muito úteis

@corysimmons Você usou este plugin? https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS
Extraí este pacote e no arquivo https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS/blob/master/Syntaxes/SugarSS.tmLanguage
Mudei a linha 414 de source.css.postcss.sugarss para source.sss

Extraí o pacote de Emmet. Em seguida, modificou algumas linhas no arquivo editor.js

na linha 382 se a declaração for

else if (/\b(less|scss|sass|css|stylus|postcss)\b/.test(scope)) {
        // detect CSS-like syntaxes independently,
        // since it may cause collisions with some highlighters
        syntax = RegExp.$1;

        if (syntax === 'postcss') {
            syntax = 'css';
        } else if (syntax === 'sss') { // I added this 3 lines started from else
            syntax = 'sass'; // this
        } // and this

e agora expande m0 como margem: 0 (sem ponto-e-vírgula).

mas sem isso muda sua margem de expansão: 0;

Todos 5 comentários

Emmet coloca ponto e vírgula no final ...

Você está usando a sintaxe da Stylus ou Emmet começou oficialmente a oferecer suporte a isso?

@corysimmons Você usou este plugin? https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS
Extraí este pacote e no arquivo https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS/blob/master/Syntaxes/SugarSS.tmLanguage
Mudei a linha 414 de source.css.postcss.sugarss para source.sss

Extraí o pacote de Emmet. Em seguida, modificou algumas linhas no arquivo editor.js

na linha 382 se a declaração for

else if (/\b(less|scss|sass|css|stylus|postcss)\b/.test(scope)) {
        // detect CSS-like syntaxes independently,
        // since it may cause collisions with some highlighters
        syntax = RegExp.$1;

        if (syntax === 'postcss') {
            syntax = 'css';
        } else if (syntax === 'sss') { // I added this 3 lines started from else
            syntax = 'sass'; // this
        } // and this

e agora expande m0 como margem: 0 (sem ponto-e-vírgula).

mas sem isso muda sua margem de expansão: 0;

Obrigado pela solução alternativa

Disponível na v2

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

midgethoen picture midgethoen  ·  8Comentários

MarvinXu picture MarvinXu  ·  10Comentários

renatorib picture renatorib  ·  26Comentários

planetoftheweb picture planetoftheweb  ·  3Comentários

HeikoMamerow picture HeikoMamerow  ·  16Comentários