Js-beautify: Ajouter ou conserver une ligne vide entre les règles CSS

Créé le 20 mai 2014  ·  16Commentaires  ·  Source: beautify-web/js-beautify

Pardonnez-moi si cela a déjà été demandé, mais existe-t-il un moyen de conserver l'espacement entre les règles CSS lors du formatage ?

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

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

À:

.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

Commentaire le plus utile

Ce serait tellement génial. Je souhaite que js-beautify obéisse à sass-lint plus explicitement, mais c'est la seule fonctionnalité qui me pose beaucoup de problèmes.

Tous les 16 commentaires

+1

+1

+1

Il existe une option appelée "end_with_newline", je pensais que cela ajoutait une nouvelle ligne entre les blocs, mais cela met juste une ligne vide à la fin du fichier :-/

J'espère que cela sera corrigé, j'adore embellir mais ce problème (aussi idiot que cela puisse paraître) est un briseur d'affaire pour moi.

J'ai corrigé cela, au moins pour les documents CSS simples, en ajoutant une nouvelle ligne après chaque }

allez dans \Packages\HTML-CSS-JS Prettify\scripts\node_modules\js-beautify\js\lib\beautify-css.js
Trouvez cette section de code :

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

et le changer en

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

@Atid-G, c'est super ! Veuillez fournir une demande d'extraction avec des tests (et un port python).

Je pense que le correctif de @Atid-G ne sera pas suffisant. Dans une propriété imbriquée, nous n'avons pas besoin d'ajouter une nouvelle ligne après le crochet fermant. Je sais que c'est pour moins/scss, mais je pense que c'est aussi utilisé pour embellir ces langues.

Exemple :

.rule-1 {
    display: block;

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

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

@drewhamlett , je viens de faire une fusion, mais je ne suis pas sûr que cela réponde pleinement à ce que vous vouliez ici. Pourriez-vous jeter un oeil?

Comme le dit @bitwiseman , cette amélioration est couverte sur https://github.com/beautify-web/js-beautify/pull/574 pull request.
Veuillez le vérifier et clore ce problème.

En attendant la prochaine version..

D'accord, je vais appeler ça bien et nous pouvons rouvrir s'il s'avère que ce n'est pas le cas.

Comme l'a dit @malexandre , serait-il possible d'ajouter de nouvelles lignes dans les propriétés imbriquées ? Tout a l'air entassé et le linter s'en plaint aussi. J'ai des requêtes multimédias imbriquées dans de nombreuses propriétés, donc c'est assez difficile à lire.

@nevace , on dirait que vous parlez d'un problème différent. Veuillez ouvrir un nouveau numéro avec un exemple d'entrée, de sortie actuelle et de sortie souhaitée. Veuillez inclure tous les paramètres pertinents.

cela a-t-il été corrigé ?

@bitwiseman : J'ai ouvert le nouveau ticket moi-même car je pense que c'est très pertinent #1258.

Ce serait tellement génial. Je souhaite que js-beautify obéisse à sass-lint plus explicitement, mais c'est la seule fonctionnalité qui me pose beaucoup de problèmes.

Cette page vous a été utile?
0 / 5 - 0 notes