الأحد، 18 ديسمبر 2016

هيكل - أول مكتبة css لي على GitHub

جلست نهاية الأسبوع كاملا و أنا أعمل على هذه المكتبة و هي عبارة عن نظام شبكي متجاوب و قابل للتعديل كليا.

ما فعلت هو أنني دمجت بين مزايا مكتبة Bootstrap و المتغيرات الخاصة بـ Sass و جعلت المكتبة تعمل بشكل ديناميكي.

http://ift.tt/2hVcwCj

مميزات المكتبة:

  • تعمل مع 5 مقاسات مختلفة

  • خواص pull و push و offset موجودة

  • تدعم RTL عن طريق تحويل هذا المتغير إلى right

    $direction: left;
    
    
  • بإمكانك تعديل عدد الأعمدة و المساحة بين كل عمود

    $columns: 12;
    $gutter-width: 30px;
    
    
  • بإمكانك تغيير المقاسات لكل جهاز

    $small-devices-width: 576px;
    $medium-devices-width: 768px;
    $large-devices-width: 992px;
    $xlarge-devices-width: 1200px;
    
    
  • بإمكانك حتى تغيير أسماء المقاسات

    $xsmall-devices-tag: xsmall;
    $small-devices-tag: small;
    $medium-devices-tag: medium;
    $large-devices-tag: large;
    $xlarge-devices-tag: xlarge;
    
    

أفكر إضافة الكثير من الأشياء الأخرى مستقبلا.

ملاحظة: سيتم التحديث بإستمرار في حال إن وجدت بعض الأخطاء.

سؤال:

أنت كخبير كيف تجد هذه المكتبة و هل من نصائح ؟



from حسوب I/O - الأكثر شيوعاً http://ift.tt/2gOCFhi

ليست هناك تعليقات:

إرسال تعليق

دائماً، رأيكم يهمنا،