Js-beautify: Добавить или сохранить пустую строку между правилами CSS

Созданный на 20 мая 2014  ·  16Комментарии  ·  Источник: beautify-web/js-beautify

Простите меня, если об этом спрашивали раньше, но есть ли способ сохранить интервал между правилами CSS при форматировании?

.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

Самый полезный комментарий

Это было бы так здорово. Я бы хотел, чтобы js-beautify более явно подчинялся sass-lint , но это единственная функция, которая доставляет мне много проблем.

Все 16 Комментарий

+1

+1

+1

Есть опция под названием "end_with_newline", я думал, что это добавляет новую строку между блоками, но она просто помещает пустую строку в конец файла: - /

Я надеюсь, что это будет исправлено, я люблю украшать, но эта проблема (как бы глупо это ни звучало) для меня мешает.

Я исправил это, по крайней мере, для простых документов CSS, добавив новую строку после каждого}

перейдите в \ Packages \ HTML-CSS-JS Prettify \ scripts \ node_modules \ js-beautify \ js \ lib \ beautify-css.js
Найдите этот раздел кода:

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

и измените его на

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

@ Atid-G, это здорово! Предоставьте запрос на перенос с тестами (и портом Python).

Думаю, исправления от @ Atid-G будет недостаточно. Во вложенном свойстве нам не нужно добавлять новую строку после закрывающей скобки. Я знаю, что это меньше / scss, но я думаю, что это также используется для украшения этих языков.

Пример :

.rule-1 {
    display: block;

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

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

@drewhamlett , я только что сделал слияние, но я не уверен, что оно полностью соответствует тому, что вы хотели здесь. Не могли бы вы взглянуть?

Как говорит @bitwiseman, это улучшение https://github.com/beautify-web/js-beautify/pull/574 pull request.
Пожалуйста, проверьте это и закройте эту проблему.

Жду следующую версию ..

Хорошо, я назову это хорошим, и мы можем открыть его снова, если окажется, что это не так.

Как сказал @malexandre , можно ли добавлять новые строки во вложенные свойства? В sass все выглядит скомканно, и линтер тоже на это жалуется. У меня есть медиа-запросы, вложенные во множество свойств, поэтому их довольно сложно читать.

@nevace , похоже, вы говорите о другом вопросе. Пожалуйста, откройте новую проблему с примерами ввода, текущего вывода и желаемого вывода. Пожалуйста, включите любые подходящие настройки.

это было исправлено?

это было исправлено?

https://github.com/beautify-web/js-beautify/pull/574

@bitwiseman : Я сам открыл новый тикет, так как считаю его очень актуальным # 1258.

Это было бы так здорово. Я бы хотел, чтобы js-beautify более явно подчинялся sass-lint , но это единственная функция, которая доставляет мне много проблем.

Была ли эта страница полезной?
0 / 5 - 0 рейтинги