ستايلس (لغة تنسيق صفحات الويب)

ستايلس  هي لغة معالج مسبق لورقة أنماط ديناميكية يتم تجميعها في أوراق الأنماط المتتالية.Poll Results: Popularity of CSS Preprocessors 

 تاريخ 
تصميمه متأثر بـ ساس ولس.

الأكثر استخدامًا في تركيب معالجات الـ أوراق الأنماط المتتالية

تم إنشاؤه بواسطة TJ Holowaychuk، وهو مبرمج سابق لـ نود.جي إس ومؤسس لغة Luna.

مكتوبة في  ونود.جي إس.

 المحددات 
على عكس أوراق الأنماط المتتالية، الذي يستخدم الأقواس لفتح وإغلاق كتل الإعلان، يتم استخدام المسافة البادئة.

بالإضافة إلى ذلك، يتم حذف الفاصلة المنقوطة (؛) اختياريًا. ومن ثم، فإن أوراق الأنماط المتتالية التالية:body {
    color: white;
}يمكن تقصيرها إلى:body 
    color: whiteعلاوة على ذلك، فإن النقطتين (:) والفاصلات (،) اختيارية أيضًا؛ هذا يعني أنه يمكن كتابة ما سبق،body 
    color white

 المتغيرات 
تسمح ستايلس بتحديد المتغيرات، ولكن على عكس لس وساس، فإنه لا يستخدم رمزًا لتحديد المتغيرات.

بالإضافة إلى ذلك، يتم إجراء التخصيص المتغير تلقائيًا عن طريق فصل الخاصية والكلمات الرئيسية. بهذه الطريقة، فإن المتغيرات تشبه المتغيرات في بايثون.message = 'Hello, World!'

div::before
  content message
  color #ffffffسيقوم مترجم Stylus بترجمة المستند أعلاه إلى:div::before {
  content: 'Hello, World!';
  color: #ffffff;
}

 الخلطات والوظائف 

يتم تعريف كل من الخلطات والوظائف بنفس الطريقة، ولكن يتم تطبيقها بطرق مختلفة.

على سبيل المثال، إذا أردت تحديد خاصية CSS border radius دون الحاجة إلى استخدام بادئات Vendor مختلفة، يمكنك إنشاء:border-radius(n)
  -webkit-border-radius n
  -moz-border-radius n
  border-radius nبعد ذلك، لتضمين هذا على أنه mixin، يمكنك الإشارة إليه على النحو التالي:div.rectangle 
  border-radius(10px)هذا من شأنه أن يترجم إلى:div.rectangle {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

 استيفاء 
لتضمين المتغيرات في الوسيطات والمعرفات، تحيط الأحرف المتدرجة بالمتغير (المتغيرات). فمثلا، -webkit-{'border' + '-radius'} بتقييم إلى-webkit-border-radius

 انظر أيضًا 
لس (لغة تنسيق صفحات الويب)

أوراق الأنماط المتتالية

جافا سكريبت

 مراجع 

 وصلات خارجية 

تصنيف:أدوات ومكتبات برمجة حرة
تصنيف:استحداثات متعلقة بالحواسيب في 2010
تصنيف:برمجيات تستخدم رخصة إم آي تي
تصنيف:روبي (لغة برمجة)
تصنيف:لغات برمجة أنشئت في 2006