Js-beautify: CSS में सिंगल-लाइन नियम रखने का विकल्प जोड़ें

को निर्मित 3 दिस॰ 2017 · 4टिप्पणियाँ · स्रोत: beautify-web/js-beautify

विवरण

अभिवादन!

अगर मेरे पास यह है
footer { padding: 1%; }

फिर Shift+Alt+FI पाने के बाद

    footer {
        padding: 1%;
    }

क्या 'एक-पंक्ति-नियम' को यथावत रखने का कोई विकल्प है?

कोशिश की

"beautify.options": {"brace_style": "collapse,preserve-inline"}

लेकिन किस्मत नहीं

समायोजन

 {
    "window.zoomLevel": -1,
    "workbench.sideBar.location": "right",
    "files.autoSave": "afterDelay",
    "files.autoSaveDelay": 1000,
    "editor.cursorStyle": "underline",
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.donotVerifyTags": false,
    "html.format.contentUnformatted": "pre,code,textarea,li",  
}

css blocked enhancement

स्रोत

Gennady-G

👍3 ❤1

सबसे उपयोगी टिप्पणी

हो सकता है कि यह एक विकल्प होना चाहिए जैसे max_preserve_single_line_properties को एक पंक्ति में रखने के लिए अधिकतम गुणों के साथ कॉन्फ़िगर किया गया हो।

स्वरूपित:

.fill {
    flex: 1 1 auto;
}

.item-name input {
    font-size: 1.5em;
}

.avatar {
    border-radius: 50%;
    margin-right: 10px
}

.avatar-32 {
    width: 32px;
    height: 32px
}

.avatar-64 {
    width: 64px;
    height: 64px
}

.avatar-100 {
    width: 100px;
    height: 100px
}

.avatar-128 {
    width: 128px;
    height: 128px
}

.details {
    padding: 2em;
}

.form-actions {
    direction: rtl;
}

वांछित परिणाम:

.fill { flex: 1 1 auto; }
.item-name input { font-size: 1.5em; }

.avatar { border-radius: 50%; margin-right: 10px }
.avatar-32 { width: 32px; height: 32px }
.avatar-64 { width: 64px; height: 64px }
.avatar-100 { width: 100px; height: 100px }
.avatar-128 { width: 128px; height: 128px }

.details { padding: 2em; }
.form-actions { direction: rtl; }

kleber-swf 1 अप्रैल 2018

👍6

सभी 4 टिप्पणियाँ

यह #1124 से संबंधित है, लेकिन अलग है क्योंकि यह केवल एक-पंक्ति नियमों को संरक्षित करने के लिए कह रहा है।
इस समय भी मौजूद नहीं हैं।

bitwiseman 4 दिस॰ 2017

👍1

@bitwiseman प्रतिक्रिया के लिए धन्यवाद! :)

Gennady-G 5 दिस॰ 2017

स्वरूपित:

.fill {
    flex: 1 1 auto;
}

.item-name input {
    font-size: 1.5em;
}

.avatar {
    border-radius: 50%;
    margin-right: 10px
}

.avatar-32 {
    width: 32px;
    height: 32px
}

.avatar-64 {
    width: 64px;
    height: 64px
}

.avatar-100 {
    width: 100px;
    height: 100px
}

.avatar-128 {
    width: 128px;
    height: 128px
}

.details {
    padding: 2em;
}

.form-actions {
    direction: rtl;
}

वांछित परिणाम:

.fill { flex: 1 1 auto; }
.item-name input { font-size: 1.5em; }

.avatar { border-radius: 50%; margin-right: 10px }
.avatar-32 { width: 32px; height: 32px }
.avatar-64 { width: 64px; height: 64px }
.avatar-100 { width: 100px; height: 100px }
.avatar-128 { width: 128px; height: 128px }

.details { padding: 2em; }
.form-actions { direction: rtl; }

kleber-swf 1 अप्रैल 2018

👍6

इसे काम करने के लिए कम से कम सीएसएस टोकननाइजेशन की आवश्यकता होगी (#545)। एक बार हमारे पास यह हो जाने के बाद इसे उसी तरह लागू किया जाएगा जैसे यह जावास्क्रिप्ट पक्ष में है।

bitwiseman 28 सित॰ 2018

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Js-beautify: CSS में सिंगल-लाइन नियम रखने का विकल्प जोड़ें

विवरण

समायोजन

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

संबंधित मुद्दों