سييرا هي مكتبة واجهة جميلة مظلمة مبنية على ساس

في عالم مليء أطر الواجهة الأمامية, يمكن أن يكون الفرز الصعب من خلال جميع الخيارات. ولكن ، إذا كنت من محبي ساس بعد ذلك سييرا هل أروع إطار واجهة المستخدم الجديد لمشاهدة.

انها قابلة للتخصيص بالكامل و يعمل تماما على رمز SCSS. هذا يعني أنه يأتي مع عشرات SCSS جزئية و المكتبات ذات الصلة دمج جميعها معًا في مكتبة واجهة مستخدم واحدة قوية (ومجانية).

عندما يسمع المطورون عن مكتبة Sass جديدة ، من المفترض عادةً أن تكون مجموعة من الخلاطات. لكن سييرا هو أكثر من مجرد المتغيرات والخلطات. هذه المكتبة هي إطار واجهة مستخدم أزرق حقيقي مع أنماط مخصصة إلى عن على شبكات, طباعة, الجداول, وصفت, إستمارات, وإلى حد كبير أي شيء تحتاج إلى تصميم موقع على شبكة الإنترنت.

في المجموع ، وزن المكتبة حوالي 34 كيلو بايت غير مضغوط, والتي يمكن أن تبدو كبيرة. ولكن بالنظر إلى كل ما تحصل عليه ، إنه حجم جيد وبعيدًا عن الأضخم هناك (كمرجع ، يقيس CSS الخاص بـ Bootstrap حوالي 115 كيلو بايت غير مضغوط).

العمل في سييرا ، وتحصل خيارات قابلة للتخصيص بالكامل لتغيير الشبكات ، الحشو ، التباعد ، أحجام / عائلات الخط ، الألوان ، وأكثر من ذلك بكثير. يتم التحكم في كل شيء عن طريق SCSS وكل مكتبة انقسام إلى ملفات مختلفة لتنظيم أبسط.

مكتبة UI تأتي مع العشرات من أنماط الواجهة الأمامية لعناصر الصفحة الأكثر شيوعا:

الفقرات والرؤوس
وصفت
مدخلات النموذج (قوائم منسدلة ، أجهزة راديو ، إلخ)
الجداول
ترقيم الصفحات
محاذاة يسار / يمين
أشرطة تحميل مخصصة

يمكن رؤية كل هذه العناصر على الصفحة التجريبية التي تستخدم نظام ألوان أغمق. افتراضيا ، سييرا هو مكتبة واجهة المستخدم الظلام ولكن نظرًا لأن كل الألوان سهلة التغيير ، فيمكنك تشغيلها مع أي نمط من مواقع الويب.

شكواي الوحيدة هي عدم وجود وثائق يمكن الوصول إليها بسهولة. سييرا في الإصدار 2.0 حاليًا ، ولكن حتى الريبو الرئيسي متناثر في نصائح التثبيت والتخصيص.

الحمد لله ، قائمة المطورين جميع المتغيرات الرئيسية يمكنك تغيير في _variables.scss ملف. يتم استيراد هذه المتغيرات لجميع ملفات Sierra SCSS الأخرى ، مما يعني أنك تحتاج فقط إلى تغيير الألوان في مكان واحد لجعلهم يعملون في كل مكان.

تعتبر Sierra من بعيدًا عن الكمال ولكنها واحدة من عدد قليل من مكتبات UI المستندة إلى Sass على الويب.

إذا كنت تريد أن تجربها ، فعليك التحقق من الموقع الرئيسي العروض والمزيد من التفاصيل. وإذا كنت عالقًا بالفعل ، يمكنك محاولة فتح سؤال على صفحة مشكلات GitHub أو مراسلات المنشئ جوان كلاريت للحصول على مزيد من التفاصيل.