تنسيق المشاركات باستخدام   للمسافات البادئة للجدولة

[Lilly]

سأقدم لك بعض النصائح السريعة للتنسيق باستخدام CSS يمكنك استخدامها للمنشورات الشبيهة بالمدونات.

أنت تقوم بالمسافة البادئة بشكل خاطئ. الطريقة الصحيحة للقيام بذلك باستخدام CSS هي كما يلي (معيار المسافة البادئة هو 2ems):

في common.scss

[data-theme-indent="indent"] {
    text-indent: 2em;
}

في منشورك:

<div data-theme-indent="indent">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam 
</div>

أيضًا، إذا كنت ترغب في إجراء بعض التنسيقات الأخرى مع الصور والمحاذاة:

في common.scss:

[data-theme-image="left"] {
    float: left;
    img {
      margin: 0 1em 0 0;
      border-radius: 6px;  
    }
}

[data-theme-image="right"] {
    float: right;
    img {
      margin: 0em 0em 0em 1em;
      border-radius: 6px;
    }
}

في منشورك:

<div data-theme-image="left">

![image|330x314, 50%](upload://8zsmHfqxlU5IrqSywrinvyDfhOx.png)

</div>

النتيجة باستخدام كل ما سبق: