LESS فارمیٹر

صاف انڈینٹیشن کے ساتھ LESS CSS پری پروسیسر کوڈ فارمیٹ اور خوبصورت بنائیں

LESS ان پٹ
فارمیٹڈ آؤٹ پٹ

LESS فارمیٹنگ ٹپس

  • پڑھائی اور اسپیسفیسٹی کنٹرول برقرار رکھنے کے لیے نیسٹنگ ڈپتھ زیادہ سے زیادہ 3 لیولز تک رکھیں۔
  • متعلقہ متغیرات اور mixins اپنی LESS فائل کے اوپر گروپ کریں۔
  • آسان کوڈ جائزہ اور diff موازنے کے لیے ایک لائن میں ایک پراپرتی استعمال کریں۔

پیشہ ورانہ LESS فارمیٹر پروسیسنگ کی خصوصیات

LESS فارمیٹر ڈیٹا کے ساتھ مؤثر اور پیشہ ورانہ طریقے سے کام کرنے کے لیے سب کچھ

LESS نحو سپورٹ

LESS مخصوص نحو کی مکمل سپورٹ بشمول متغیرات، mixins، guards، اور ڈیٹیچڈ رول سیٹس۔

LESS کوڈ خوبصورت بنائیں

غیر ترتیب والے LESS کوڈ کو مناسب نیسٹنگ اور اسپیسنگ کے ساتھ صاف، مستقل انڈینٹڈ کوڈ میں تبدیل کریں۔

نیسٹڈ رول فارمیٹنگ

نیسٹڈ سلیکٹرز کو مناسب طریقے سے انڈینٹ کریں اور LESS رولز میں واضح پیرنٹ چائلڈ تعلقات برقرار رکھیں۔

Mixin فارمیٹنگ

Mixin ڈیفینیشنز، کالز، پیرامیٹرک mixins، اور پیٹرن میچنگ درست طریقے سے فارمیٹ کریں۔

Prettier پر مبنی

قابل اعتماد اور مستقل آؤٹ پٹ کے لیے انڈسٹری اسٹینڈرڈ Prettier فارمیٹر انجن استعمال کرتا ہے۔

متغیر الترتیب

صاف اسٹائل شیٹ دیکھ بھال کے لیے LESS متغیرات اور حسابات کو منظم اور ترتیب دیں۔

یہ کیسے کام کرتا ہے

اپنا LESS فارمیٹر پرو کی طرح پروسیس کرنے کے آسان مراحل

1

اپنا LESS پیسٹ کریں

اپنا LESS کوڈ انپٹ ایریا میں پیسٹ کریں، یا شروعات کرنے کے لیے نمونہ اسٹائل شیٹ لوڈ کریں۔

2

اختیارات حسب ضرورت بنائیں

اپنے پروجیکٹ اسٹینڈرڈز سے ملانے کے لیے انڈینٹیشن سائز اور فارمیٹنگ آپشنز منتخب کریں۔

3

فارمیٹ اور جائزہ لیں

اپنے LESS کوڈ کو خوبصورت بنانے کے لیے فارمیٹ بٹن کلک کریں اور صاف آؤٹ پٹ کا جائزہ لیں۔

4

کاپی یا ڈاؤن لوڈ

فارمیٹ شدہ LESS کوڈ اپنے کلپ بورڈ پر کاپی کریں یا فائل کے طور پر ڈاؤن لوڈ کریں۔

پیشہ ورانہ LESS فارمیٹر فارمیٹر اور توثیق کنندہ

LESS فارمیٹر کی پروسیسنگ مکمل طور پر آپ کے براؤزر میں ہوتی ہے — نہ اپلوڈز، نہ اکاؤنٹس، نہ کوئی حد۔

ماہرین کے ذریعے بنایا گیا

LESS فارمیٹر کا فارمیٹنگ انجن مستند پارسرز اور معیاری الگورتھمز کا استعمال کرتے ہوئے آپ کے براؤزر میں مقامی طور پر چلتا ہے۔ کچھ بھی پوشیدہ نہیں — اپنے براؤزر کی ڈیو ٹولز کھولیں اور اسے کام کرتے دیکھیں۔

اہم تکنیکی خصوصیات:

  • • Prettier پر مبنی LESS فارمیٹنگ انجن
  • • متغیرات، mixins، اور نیسٹڈ قواعد کی سپورٹ
  • • LESS مخصوص فنکشنز اور آپریشنز سنبھالتا ہے
  • • زیادہ سے زیادہ سیکیورٹی اور رفتار کے لیے کلائنٹ سائیڈ پروسیسنگ
  • • 10MB تک بڑی فائلز کی سپورٹ

قابل اعتماد اور محفوظ

آپ کا ڈیٹا آپ کے براؤزر میں رہتا ہے: کچھ بھی اپلوڈ، محفوظ یا لاگ نہیں ہوتا۔ ٹیب بند کریں اور سب ختم۔

سیکیورٹی اور رازداری:

  • • 100% کلائنٹ سائیڈ پروسیسنگ - ڈیٹا کبھی سرورز کو نہیں بھیجا جاتا
  • • کوئی ٹریکنگ، کوکیز یا ڈیٹا اکٹھا نہیں کیا جاتا
  • • محفوظ کنکشنز کے لیے HTTPS انکرپشن
  • • پروسیسنگ کے بعد کوئی ڈیٹا محفوظ یا کیشڈ نہیں کیا جاتا
  • • GDPR اور CCPA کے مطابق طریقہ کار

پیشہ ور EZ Formatter کیوں منتخب کرتے ہیں

100%
کلائنٹ سائیڈ پروسیسنگ
0
سرورز کو بھیجا گیا ڈیٹا
60
ورک بینچ میں ٹولز

آپ کا ڈیٹا آپ کے براؤزر میں ہی رہتا ہے

اکثر پوچھے گئے سوالات

Less Formatter فارمیٹنگ کے بارے میں عام سوالات کے جوابات

ہاں، ہمارا LESS فارمیٹر رجسٹریشن کی ضرورت کے بغیر مکمل طور پر مفت ہے۔ تمام پروسیسنگ آپ کے براؤزر میں ہوتی ہے۔

ہاں، ہمارا فارمیٹر LESS متغیرات (@variable)، mixins، guards، اور merge پراپرٹیز مناسب طریقے سے سنبھالتا ہے۔

LESS فارمیٹر مخصوص طور پر LESS پری پروسیسر نحو سمجھتا ہے بشمول متغیرات، نیسٹنگ، mixins، اور فنکشنز جو ایک عام CSS فارمیٹر سنبھال نہیں سکتا۔

نہیں۔ فارمیٹر صرف وائٹ اسپیس اور انڈینٹیشن ایڈجسٹ کرتا ہے۔ یہ کبھی سلیکٹرز، پراپرٹیز، یا ویلیوز تبدیل نہیں کرتا۔

فارمیٹر @import اسٹیٹمنٹس اور پلگ ان مخصوص نحو سنبھالتا ہے۔ امپورٹ ریزولوشن انجام نہیں دیا جاتا، صرف فارمیٹنگ۔

& پیرینٹ ریفرنسز کے ساتھ نیسٹنگ، متغیرات (@width: 10px - یعنی @ کی علامت، جو SCSS کے $ سے مختلف ہے)، پیرامیٹر لسٹس اور گارڈ کنڈیشنز (when (@a > @b)) والے mixins، .loop() ریکرسیو mixin پیٹرنز، اور یونٹس کے ساتھ نمبروں پر آپریشنز۔ فارمیٹر ان سب کو انہیں ایویلیویٹ کیے بغیر ساختی طور پر پہچانتا ہے۔

Bootstrap 3/4 کے دور کے کوڈ بیسز، انٹرپرائز ڈیزائن سسٹمز، اور پرانے ایڈمن تھیمز آج بھی پروڈکشن میں Less چلا رہے ہیں۔ فارمیٹنگ مائیگریشن کے بغیر ان کوڈ بیسز کو مینٹیننس کے دوران پڑھنے کے قابل رکھتی ہے - اور فارمیٹر جان بوجھ کر @import پاتھز یا mixin کالز کو دوبارہ لکھنے سے گریز کرتا ہے، جو SCSS سیمنٹکس سے مختلف ہیں۔

ساختی طور پر یہ ایک جیسے ہیں (یہی Less کا ڈیزائن ہے - ہر کلاس ایک mixin بن سکتی ہے)؛ فارمیٹر ان دونوں کے ساتھ ایک جیسا سلوک کرتا ہے اور صرف پیرامیٹرائزڈ mixins (.border-radius(@radius: 4px)) کے قوسین کے اندر اسپیسنگ نارملائز کرتا ہے۔ گارڈز اور when کی ورڈ کو بالکل ویسے ہی چھوڑ دیا جاتا ہے جیسے لکھے گئے ہیں، کیونکہ یہ تبدیل کر دیتے ہیں کہ کمپائلر کون سا mixin منتخب کرتا ہے۔

{-- * External Resources Component(#19 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}

متعلقہ ٹولز