Less.js: :पहला बच्चा छद्म वर्ग विस्तार के साथ काम नहीं कर रहा है

मैं आपके परिणाम की पुष्टि नहीं कर सकता: डेमो ।
SO पर आपके प्रश्न से मैं देख सकता हूँ कि आप gulp-less का उपयोग कर रहे हैं, लेकिन चूंकि मैं वास्तव में किसी भी कम संस्करण (1.4.x से शुरू) को याद नहीं कर सकता, जिसमें इस तरह की एक बग है, यह सबसे अधिक संभावना नहीं है "हाल ही में कम या गल्प-कम संस्करण" समस्या की तरह। तो सवाल यह है: क्या आप सुनिश्चित हैं कि यह _is_ वह स्निपेट है जिसके साथ आप समस्या का सामना कर रहे हैं (शायद यह कुछ अधिक जटिल है?), और/या यह कोई अन्य gulp कार्य हो सकता है जो संभवतः हस्तक्षेप करता है?

शायद यह एक घूंट-कार्य है। मैं इसे कल या अगले सप्ताह की शुरुआत में देख लूंगा। धन्यवाद।

शायद यह मदद कर सकता है।

निष्क्रियता के कारण बंद होना (ऐसा लगता है कि वैसे भी कोई कम मुद्दा नहीं है)।

@ सात-चरण-अधिकतम मेरा मानना ​​​​है कि ऊपर प्रदान किया गया कोड , इस मुद्दे को बिल्कुल पुन: पेश करता है।

कम

.col {
  float: left;

  &:last-child {
    margin-right: 0;
  }
  &:first-child {
    margin-left: 0;
  }
}

.generate-columns(<strong i="9">@n</strong>, <strong i="10">@i</strong>: 1) when (<strong i="11">@i</strong> =< @n) {
  .col-@{i}:extend(.col) {
    margin-left: (@i)px;
  }

  .generate-columns(<strong i="12">@n</strong>, (<strong i="13">@i</strong> + 1));
}

.generate-columns(2);

उत्पन्न सीएसएस

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-2 {
  margin-left: 2 px;
}

अपेक्षित सीएसएस:

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2 {
  margin-left: 2 px;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

छूटा हिस्सा

.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

@ इवान-निकिटोविक नहीं, extend और extend all बीच अंतर देखें।

@ सात-चरण-अधिकतम इसका अर्थ है। :-) संदर्भ के लिए धन्यवाद।