Awesome GitHub RepositoriesPreprocessing Variables

Stylus is a CSS preprocessor that transforms a dynamic language into standard CSS. It utilizes a compilation workflow to enable the use of variables, nesting, and arithmetic, which are then rendered into stylesheets for use in frontend asset pipelines. The project is distinguished by a flexible syntax that allows for indentation-based styling, meaning curly braces, colons, and semicolons can be omitted. It further differentiates itself through a JavaScript-driven plugin pipeline and the ability to extend the native syntax with custom JavaScript functions for complex logic. Its capability sur

Papercss هو إطار عمل لواجهة المستخدم (UI) يعتمد على CSS ونظام تصميم بنمط المستندات، يُستخدم لبناء تخطيطات صفحات ويب متجاوبة. يعمل كمكتبة CSS تعتمد على Less تطبق جماليات تشبه الورق وخطوطاً منظمة لمنح صفحات الويب مظهر المستندات المادية. يدمج المشروع أيضاً نموذج مكتبة CSS يركز على الأدوات (utility-first) لتسريع عملية التصميم. يتميز إطار العمل بقدرته على أتمتة الزخارف المرئية، مثل تطبيق أنماط الحدود الدوارة وتأثيرات الظل على العناصر الفرعية. يستخدم نظام متغيرات يعتمد على Less وتجميعاً معيارياً لملفات الأنماط، مما يسمح للمستخدمين بتخصيص متغيرات التصميم العالمية واختيار مجموعات مكونات محددة لتقليل حجم ملف الأنماط النهائي. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك شبكة متجاوبة من اثني عشر عموداً تعتمد على Flexbox، ومجموعة شاملة من مكونات واجهة المستخدم مثل النوافذ المنبثقة (modals)، وتنبيهات الإشعارات، وأشرطة التنقل المتجاوبة. كما يوفر تنسيقاً متخصصاً للمحتوى التقني، بما في ذلك كتل الأكواد، وجداول البيانات، وتخطيطات المقالات، إلى جانب دعم وضعي الألوان الفاتح والداكن.