دستاویز کا لے آؤٹ
دستاویز کا لے آؤٹ
دستاویز کا لے آؤٹ ایک دو کالمی پیٹرن ہے جو دستاویزات کے صفحات کے لیے ہے — بائیں طرف وضاحت، دائیں طرف کوڈ — جو موبائل پر ایک کالم میں سمٹ جاتا ہے۔
ساخت
.doc کو بیرونی ریپر کے طور پر استعمال کریں اور ہر قطار کے لیے .doc-section استعمال کریں۔ ہر سیکشن میں .doc-section--description اور .doc-section--code کا کالم ہوتا ہے۔
بنیادی سیکشن
ایک عام سیکشن وضاحت بلاک کو کوڈ کے ٹکڑے کے ساتھ جوڑتا ہے۔
ڈیمو مواد
<div class="doc">
<div class="doc-section">
<div class="doc-section--description">
<h3>Title</h3>
<p>Description</p>
</div>
<div class="doc-section--code">
<!-- code snippet -->
</div>
</div>
</div>
ایک کوڈ بلاک کے ساتھ
سینٹیکس ہائی لائٹ شدہ مثالوں کے لیے .doc-section--code کے اندر کوڈ بلاک جزو استعمال کریں۔
ڈیمو مواد
{{ include('@Bundle/partials/code-block.html.twig', {
lang: 'bash',
code: 'curl https://api.example.com/resource'
}) }}