Js-beautify: Adicionar ou preservar a linha vazia entre as regras CSS

Criado em 20 mai. 2014  ·  16Comentários  ·  Fonte: beautify-web/js-beautify

Perdoe-me se isso já foi perguntado antes, mas há uma maneira de manter o espaçamento entre as regras CSS durante a formatação?

.login {
    margin-top: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7);
}

.login.btn {
    border-radius: 0;
    background-color: #5C6166;
    border-color: #4a4a4a;
}

Para:

.login {
    margin-top: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7);
}
.login.btn {
    border-radius: 0;
    background-color: #5C6166;
    border-color: #4a4a4a;
}
css enhancement

Comentários muito úteis

Isso seria ótimo. Eu gostaria que o js-beautify obedecesse sass-lint mais explicitamente, mas esse é o único recurso que está me causando muitos problemas.

Todos 16 comentários

+1

+1

+1

Existe uma opção chamada "end_with_newline", pensei que isso adicionaria uma nova linha entre os blocos, mas apenas colocaria uma linha em branco no final do arquivo: - /

Espero que isso seja corrigido, adoro embelezar, mas esse problema (por mais bobo que possa parecer) é um obstáculo para mim.

Eu corrigi isso, pelo menos para documentos CSS simples, adicionando uma nova linha após cada}

vá para \ Packages \ HTML-CSS-JS Prettify \ scripts \ node_modules \ js-beautify \ js \ lib \ beautify-css.js
Encontre esta seção de código:

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
        };

e mude para

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
            output.push('\n');
        };

@ Atid-G, isso é ótimo! Forneça uma solicitação pull com testes (e porta Python).

Acho que a correção de @ Atid-G não será suficiente. Em uma propriedade aninhada, não precisamos adicionar uma nova linha após o colchete de fechamento. Eu sei que é por menos / scss, mas acho que isso também é usado para embelezar essas linguagens.

Exemplo :

.rule-1 {
    display: block;

    .rule-2 {
        float: left;
    } // New line needed after this bracket

    .rule-3 {
        display: none;
    } // No new line needed
}

@drewhamlett , acabei de fazer uma fusão, mas não tenho certeza de que atenda totalmente ao que você queria aqui. Você poderia dar uma olhada?

Como @bitwiseman afirma, esse aprimoramento é abordado em https://github.com/beautify-web/js-beautify/pull/574 pull request.
Por favor, verifique e feche este problema.

Esperando pela próxima versão ..

Ok, vou chamá-lo de bom e podemos reabri-lo se não for o caso.

Como @malexandre disse, seria possível adicionar novas linhas dentro de propriedades aninhadas? Tudo parece amontoado de atrevimento e o linter também reclama. Tenho consultas de mídia aninhadas em várias propriedades, por isso é muito difícil de ler.

@nevace , parece que você está falando sobre um problema diferente. Abra um novo problema com exemplo de entrada, saída atual e saída desejada. Inclua todas as configurações pertinentes.

isso foi corrigido?

@bitwiseman : Eu mesmo abri o novo tíquete, pois acho que é altamente relevante # 1258.

Isso seria ótimo. Eu gostaria que o js-beautify obedecesse sass-lint mais explicitamente, mas esse é o único recurso que está me causando muitos problemas.

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