أتمتة محددات nth- الطفل مع Mixins Family.scss
ساس هي أفضل طريقة لإدارة CSS الحديثة و مكتبات mixin يمكن أن يوفر المزيد من الوقت خلال دورة التطوير.
هذه الخلطات تعمل مثل رموز أو وظائف الآلي التي تسمونها في ملفات ساس الرئيسية الخاصة بك. بعض mixins هي أكثر عمومية بينما البعض الآخر محددة للغاية مثل مكتبة Family.scss.
تقدم هذه المكتبة المجانية 26 مزيج لتشغيل مركب : نطة الطفل محددات دون حفظ كل هذا الرمز.
معظم المطورين يعرفون عن : نطة الطفل محدد افتراضيا ، انها بالتأكيد ليست معقدة. أنت ببساطة تمرير محدد رقمي, فمثلا : نطة الطفل (2) حيث تنطبق قواعد نمط الانتماء على كل طفل ثانٍ من العنصر الأصل.
ومع ذلك ، يمكن أن يصبح هذا أكثر تعقيدًا عندما تريد التحديد عناصر ديناميكية (مثل الأول والأخير) أو عندما تريد تحديد حفنة صغيرة من العناصر (مثل أول ثلاثة أطفال).
هذا هو المكان الذي يمكن لـ Family.scss المساعدة فيه. إنها مكتبة صغيرة جدًا وتحتوي على 26 حلًا لمحددات الأطفال تتراوح من الأساسية إلى معقدة للغاية. يحتوي كل mixin على عرض توضيحي على الصفحة الرئيسية ، حيث يمكنك التصفح والتصفية حسب الحاجة.
هنا بعض أمثلة مثيرة للاهتمام لإظهار ما يمكن أن تفعله هذه المكتبة:
بعد أول (5)- حدد جميع العناصر بعد أول 5 أطفالمن نهاية (3)- حدد العنصر الثالث إلى الأخيرجميع، ولكن (3)- حدد جميع الأطفال باستثناء الثالثحتى بين (3 ، 12)- حدد جميع الأطفال حتى بين العناصر 3 و 12
هناك العشرات التي يمكنك تصفحها ولكل منها عروض تجريبية لمساعدتك على تصور كيفية عملها.
عدد قليل من الخلطات المتقدمة الاعتماد على الاستفسارات الكمية أن اختيار العناصر التي هي “على الأقل” أو “في الغالب” ثابت إلى مجموعة معينة. على سبيل المثال ، يمكنك تحديد جميع الأطفال لعناصر الأصل التي تحتوي على 5 أطفال على الأقل (أو أكثر).
هذه الأفكار يمكن أن تكون مربكة عند القراءة عنها ولكن العروض الحية حقا جعل كل شيء واضح وضوح الشمس.
لحفر في ، يمكنك تحميل نسخة من هذه المكتبة mixin من ريبو جيثب ، جنبا إلى جنب مع كل هذه العروض. ويمكنك مشاركة أفكارك أو أسئلتك مع منشئ المشروع على TwitterLukyVJ.
