$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
أنّ الصّف الأوّل يتكوّن من عمود ، 2 سلسلة ، عمود ، 2 سلسلة وهكذا .. توقّفنا في آخر الصّف عند عمود وتبقّى عمل سلسلتين ثمّ منزلقة لإغلاق الصّف
سبقَ وقُلنا أنّ خطّ التّشبيك عنده يكون بداية ونهاية الصّفوف
فعند عمَل خطّ التّشبيك قمنا بحساب هاتين السّلسلتين
لذلك سيتم عمل منزلقة في ثاني سلسلة من خطّ التّشبيك ليتم استكمال الصّف الأوّل كما في الباترون
الدّرس الثّالث
تابع عمَل الصّفوف للوحدة الثّانية
منزلقة في السّلسلة الثّانية من خطّ التّشبيك وبهذا ينتهي الصّف الأوّل.
منزلقة في كلّ سلسلة من الثّلاث سلاسل التّالية من خطّ التّشبيك ( تمثّل أوّل عمود بالصّف)
ثمّ يتم استكمال الصّف الثّاني بشكل عادي
3 عمود في نفس الفراغ
(3 سلسلة ، 4 أعمدة في الفراغ التالي ) يكرّر 7 مرّات
ينتهي الصّف بـ 3 سلسلة في حالة الوحدة المنفردة
نلاحظ في خطّ التّشبيك أنّنا أضفنا منهم سلسلتين فيتبقّى سلسلة
يتم عمَل 1 سلسلة ، ثمّ منزلقة في ثاني سلسلة بخطّ التّشبيك
ثمّ نبدأ في الصّف الأخير ونبدأ معه التّشبيك مع الصّف الأخير من الوحدة السّابقة
غرزة منزلقة في كلّ من الثّلاث سلاسل التّالية من خطّ التّشبيك ( تمثّل العمود الأوّل من الصّف)
سيتبقّى من صفّ التّشبيك خمس سلاسل
وهما عبارة عن المكان المشار إليه في الباترون بالأخضر
ونلاحظ أنّنا توقّفنا في هذا المكان المشار إليه بالبرتقالي
بعد ذلِك نبدأ في تشبيك الصّف الأخير كما هو مشار إليه بالأحمر