Js-beautify: Sass (एन्हांसमेंट) के लिए newline_between_rules समर्थन

को निर्मित 19 मार्च 2015 · 49टिप्पणियाँ · स्रोत: beautify-web/js-beautify

अब v1.5.5 में newline_between_rules विकल्प केवल CSS के लिए समर्थित है https://github.com/beautify-web/js-beautify/pull/574
तो, सास में घोंसले के शिकार के लिए काम नहीं करता है।

यहाँ मेरी test.js फ़ाइल:

var fs = require('fs');
var beautify_css = require('js-beautify').css;

fs.readFile('test.scss', 'utf8', function(err, data) {
  if (err) {
    throw err;
  }

  console.log(beautify_css(data, {
    indent_size: 2,
    newline_between_rules: true
  }));
});

आउटपुट:

$ node test.js

.icons {
  padding: 0;
  li {
    display: inline-block;
  }
  a {
    display: block;
    color: #000;
  }
  a:hover {
    color: #ccc;
  }
}

मैं Sass के लिए newline_between_rules समर्थन जोड़ने की आशा करता हूं।
सादर।

good first issue css templating enhancement

स्रोत

joseluisq

👍55

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

कृपया +1 संदेशों के बजाय प्रारंभिक पोस्ट पर 👍 प्रतिक्रिया के साथ वोट करें - इससे सदस्य स्पैम नहीं होंगे। धन्यवाद!

olets 22 सित॰ 2017

👍21 🎉3 😄3 ❤2 😕2

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

और आप इसे कैसा दिखना चाहते हैं?

bitwiseman 19 मार्च 2015

सीएसएस संस्करण के समान https://github.com/beautify-web/js-beautify/pull/574
सामान्य तौर पर, घोंसले के शिकार का एक स्तर पर्याप्त होता है।
यहाँ एक उदाहरण:

// Icons
.icons {
  padding: 0;

  li {
    display: inline-block;
  }

  a {
    display: block;
    color: #000;
  }

  a:hover {
    color: #ccc;
  }
}

// Button
.button {
  &.primary {
    color: #4183c4;
  }

  &.primary:hover {
    color: lighten(#4183c4, 15%);
  }
}

joseluisq 20 मार्च 2015

नमस्ते,
क्या यह काम एससीएसएस के नियमों के लिए है।

।पुरानी कीमत {
@ शामिल गिब्सन रेगुलर ();
@ फ़ॉन्ट-आकार (14) शामिल करें;
रंग: #646464;
मार्जिन-बाएं: 10px;
पाठ-सजावट: लाइन-थ्रू;

.promovalue {
  <strong i="15">@include</strong> GibsonRegular();
}

}

deepak8167 22 मई 2015

echenley 9 अक्तू॰ 2015

explorador 6 फ़र॰ 2016

chipcullen 19 अप्रैल 2016

spacedawwwg 7 जुल॰ 2016

शायद newline_between_nested_rules: true जैसा कोई विकल्प जैसा कि यह विशेष रूप से नेस्टेड के साथ एक मुद्दा लगता है?

} और ; को नेस्टेड नई लाइनों के लिए नियम पर विचार करने की आवश्यकता होगी

spacedawwwg 7 जुल॰ 2016

+1, कम में भी

Billskate 8 जुल॰ 2016

👍5

ms-carterk 11 जुल॰ 2016

nevace 11 अग॰ 2016

मैं पुष्टि कर सकता हूं कि यह वास्तव में केवल नेस्टेड नियमों के साथ एक समस्या है। newline_between_rules: true साथ वर्तमान:

body {
  background-color: #FFF;

  > div {
    background-color: #AAA;
  }
}

.container {
  color: blue;
}

यह हो जाता है:

body {
  background-color: #FFF;
  > div {
    background-color: #AAA;
  }
}

.container {
  color: blue;
}

और newline_between_rules: false यह परिणाम है:

body {
  background-color: #FFF;
  > div {
    background-color: #AAA;
  }
}
.container {
  color: blue;
}

तो नेस्टेड नियमों के बीच न्यूलाइन के लिए समर्थन पर विचार किया जाना चाहिए।

Jakobud 12 सित॰ 2016

danieloprado 16 सित॰ 2016

इस बात पर कोई ईटीए?

gligoran 21 सित॰ 2016

francislanglois 24 सित॰ 2016

pacochan 23 अक्तू॰ 2016

+1 :(

jfily 28 नव॰ 2016

Startcom 6 दिस॰ 2016

एक और +1

शोर के लिए खेद है। मुझे नहीं पता था कि इसे ऊपर उठाने का कोई और तरीका है या नहीं।

zimmerboy 29 दिस॰ 2016

@zimmerboy प्रत्येक टिप्पणी के शीर्ष दाईं ओर "अपनी प्रतिक्रिया जोड़ें" बटन है, जिसमें +1 प्रतिक्रिया (: +1 :) शामिल है।

gligoran 29 दिस॰ 2016

beautify-css.js में मेरा समाधान:

न्यूलाइन फ़ंक्शन बदलें:

        print.newLine = function(keepWhitespace, keepNewLine) {
            if (output.length) {
                if (!keepWhitespace && output[output.length - 1] !== '\n') {
                    print.trim();
                    if (keepNewLine) { output.push('\n'); }
                }

                output.push('\n');

                if (basebaseIndentString) {
                    output.push(basebaseIndentString);
                }
            }
        };

newline_between_rules शर्तों और कथनों दोनों को इसमें बदलें:

                    if (newline_between_rules) {
                        print.newLine(false, true);
                    }

नोट: यह केवल नियमों के बीच की नई पंक्तियों का ध्यान रखता है, न कि गुणों के बाद के नियम। किसी को उस पर कुछ विचार?

patroza 13 जन॰ 2017

👍4

@sickboy - कूल, पुल अनुरोध शुरू करें, कुछ परीक्षण जोड़ें। कृपया इसे आगे बढ़ाने के लिए स्वतंत्र महसूस करें।

bitwiseman 13 जन॰ 2017

👍1

क्या यह जल्द ही आ रहा है? यह sass के लिए सुशोभित का उपयोग करने के लिए मेरा एकमात्र अवरोधक है।

mrahhal 21 जन॰ 2017

😕1

@mrahhal - मुद्दा लगभग दो साल पुराना है। यह सीम @sickboy ने इस पर कुछ काम किया है। किसी को बस परीक्षणों के साथ पुल अनुरोध करने की जरूरत है।

शायद आप ऐसा करना चाहेंगे? CONTRIBUTING.md देखें।

bitwiseman 21 जन॰ 2017

@bitwiseman दुर्भाग्य से मुझे इस तरह की परियोजनाओं और न ही समय के साथ अनुभव नहीं है। लेकिन मेरा सवाल है, तो क्या हर कोई सादा सीएसएस का उपयोग कर रहा है या सिर्फ वर्तमान स्वरूपण कैसे काम करता है? यह एक बहुत पुराने लेकिन हल करने में आसान समस्या के लिए अजीब है।

@sickboy क्या आप इस पर हैं? अगर कोई इस पर सक्रिय नहीं है तो शायद मैं इससे निपट लूंगा। "Max_preserve_newlines" के साथ कुछ अजीब व्यवहार के अलावा, यह वास्तव में एकमात्र चीज गायब है जो मुझे सुंदरता का उपयोग करने से पूरी तरह से रोक रही है।

mrahhal 21 जन॰ 2017

मुझे आश्चर्य है कि पुल अनुरोध #1117 ( सीएसएस के लिए संरक्षित_न्यूलाइन जोड़ा गया ) इससे मदद करेगा।

zimmerboy 24 जन॰ 2017

@zimmerboy हाँ जो वर्तमान मुद्दे के लिए एक फिक्स प्रतीत होता है, लेकिन एक अलग तरह का मुझे लगता है।

mrahhal 24 जन॰ 2017

क्या #1117 का विलय होने जा रहा है? ऐसा लगता है कि यह इस मुद्दे को भी संबोधित करता है।

jorgeramirez 2 फ़र॰ 2017

@jorgeramirez - पिछली प्रतिक्रिया में सुधार की प्रतीक्षा कर रहा है।

bitwiseman 2 फ़र॰ 2017

@bitwiseman महान!

jorgeramirez 3 फ़र॰ 2017

कोई सुधार?

royduin 7 अप्रैल 2017

👍1

@royduin - कृपया नवीनतम रिलीज़ के साथ परीक्षण करें।

bitwiseman 14 अप्रैल 2017

ऐसा लगता है कि यह ठीक काम करता है लेकिन टिप्पणियों के साथ एक छोटी सी समस्या है। मुझे पता है कि बूटस्ट्रैप एससीएसएस एक महान उदाहरण नहीं है, लेकिन फिर भी।

रेपो पर कोड को इस प्रकार स्वरूपित किया जाता है:

और यह सौंदर्यीकरण के बाद है:

यह अपेक्षित रूप से काम करता है लेकिन टिप्पणियां पिछली घोषणा के साथ ओवरलैप होती हैं, लेकिन अगर टिप्पणियों को सही तरीके से स्वरूपित किया जाता है, तो यह ठीक काम करता है:

फिर, यह वास्तव में कुछ भी महत्वपूर्ण नहीं है, लेकिन बूटस्ट्रैप का व्यापक रूप से उपयोग किया जाता है: भ्रमित:

stgogm 17 अप्रैल 2017

@stgogm
कृपया एक नया मुद्दा दर्ज करें।
साथ ही, कृपया टेक्स्ट शामिल करें, चित्र नहीं।

bitwiseman 17 अप्रैल 2017

@bitwiseman ठीक है, क्षमा करें। बस यह नोट करना चाहता था कि यदि आप एससीएसएस लिंटर नियमों का सम्मान करते हैं तो यह वास्तव में कोई मुद्दा नहीं है।

stgogm 18 अप्रैल 2017

@stgogm - कूल, जानकारी के लिए धन्यवाद। मैं

bitwiseman 18 अप्रैल 2017

👍1

@stgogm जब आपने इसे स्थापित किया है, तो क्या आप नेस्टेड newline_between_rules मुद्दे का परीक्षण कर सकते हैं? साथ

newline_between_rules: true

आपकी करता है

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
    &+fieldset {
        margin-top: $padding-large;
    }
}

बनना

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;

    &+fieldset {
        margin-top: $padding-large;
    }
}

olets 19 अप्रैल 2017

👍2

असल में, इससे कोई फर्क नहीं पड़ता:

लेखक के रूप में कोड (बीच में नई लाइन के बिना):

form {
  display: block;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
  & + fieldset {
    margin-top: $padding-large;
  }
}

"newline_between_rules": false साथ सुशोभित करने के बाद:

form {
  display: block;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
  &+fieldset {
    margin-top: $padding-large;
  }
}

"newline_between_rules": true साथ सुशोभित करने के बाद:

form {
  display: block;
}

fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
  &+fieldset {
    margin-top: $padding-large;
  }
}

इसने + बीच की जगह को हटा दिया।

js-beautify --version
1.6.12

stgogm 20 अप्रैल 2017

धन्यवाद @stgogm! तो नहीं, @bitwiseman #1146 ने इसे ठीक नहीं किया

olets 21 अप्रैल 2017

एक अन्य उदाहरण जहां "newline_between_rules" SCSS के लिए पर्याप्त नहीं है:

$variable: #333;
div {
  display: none;
}

इस एससीएसएस को स्वरूपित करने से वेरिएबल और डिव चयनकर्ता के बीच एक नई लाइन नहीं जुड़ती है।

vvs 18 जून 2017

स्पष्ट है कि यह सुविधा कब उपलब्ध होगी?

dehghani-mehdi 8 जुल॰ 2017

क्या इसकी कोई प्रगति है?

whxaxes 15 जुल॰ 2017

@देहघानी-मेहदी @whxaxes
यह सुविधा असाइन नहीं की गई है. इसे लागू करने और परीक्षण जोड़ने के लिए किसी की जरूरत है।

bitwiseman 25 जुल॰ 2017

👍4

giubatt 23 अग॰ 2017

RenaldasK 28 अग॰ 2017

martinsimonovski 29 अग॰ 2017

nerdmax 3 सित॰ 2017

ciel 22 सित॰ 2017

olets 22 सित॰ 2017

👍21 🎉3 😄3 ❤2 😕2

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

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

Js-beautify: Sass (एन्हांसमेंट) के लिए newline_between_rules समर्थन

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

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

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