Js-beautify: أضف أو احتفظ بسطر فارغ بين قواعد CSS

تم إنشاؤها على ٢٠ مايو ٢٠١٤  ·  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 ، هذا رائع! يرجى تقديم طلب سحب مع الاختبارات (ومنفذ بيثون).

أعتقد أن الإصلاح من @ 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 طلب سحب.
يرجى التحقق من ذلك وإغلاق هذه المشكلة.

بانتظار الإصدار القادم ..

حسنًا ، سأسمي هذا جيدًا ويمكننا إعادة الفتح إذا اتضح أنه ليس كذلك.

كما قال malexandre ، هل سيكون من الممكن إضافة سطور جديدة ضمن الخصائص المتداخلة؟ كل شيء يبدو مجمعا في ساس والليتر يشكو منه أيضا. لدي استعلامات وسائط متداخلة في العديد من الخصائص ، لذا من الصعب جدًا قراءتها.

nevace ، يبدو أنك تتحدث عن مشكلة مختلفة. الرجاء فتح مشكلة جديدة مع مثال على المدخلات والمخرجات الحالية والمخرجات المطلوبة. الرجاء تضمين أي إعدادات ذات صلة.

هل تم إصلاح هذا؟

bitwiseman : فتحت التذكرة الجديدة بنفسي لأنني أعتقد أنها وثيقة الصلة بالموضوع # 1258.

هذا سيكون عظيما جدا أتمنى أن تلتزم js-beautify sass-lint بشكل أكثر صراحة ، لكن هذه هي الميزة الوحيدة التي تسبب لي الكثير من المتاعب.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات