تنصيب LESS CSS في أبونتو، قوة أخرى في تحرير CSS

شيء بدأت تعلم إستخدامه وأردت أن أشاركم إياه لتتعلموا إستخدامه وهو LESS CSS تطبيق روبي يسهل إستخدام صفحات الطرز المتراصة CSS لكي يمكن إضافة Variables،Mixins،Nested Rules،Operations وهذا من ناحية فهو إجابي فلن نحتاج إلى البحث في الملف عن شيء وتغييرها إلى مرة واحدة وهكذا يتغير كل الملف.
بمثال نكمل شرحه وهكذا تعرف ماذا كنت أقصد
تنصيبه هو الأول
تنصيب LESS CSS
نقوم بتنصيب روبي
# apt-get install ruby-full
وبما أنه تطبيق ل ruby gems علينا تحميله وتنصيبه
# wget http://production.cf.rubygems.org/rubygems/rubygems-1.3.7.tgz
# tar -xvzf rubygems-1.3.7.tgz
# cd rubygems-1.3.7
# ruby setup.rb
# ln -s /usr/bin/gem1.8 /usr/bin/gem
وأخيرا تنصيب less css
# gem install less
لقد إنتهينا فهو حاليا موجود وإلى مثال
سأستعمل مثال سابق وهو لتغيير لون التحديد بإستخدام css3 وفي هذا المثال نعرف أن كل متصفح له خصائصه وعلينا كتابة اللون كل مرة لكن يتغيير الحال في less css أسماء الألوان نضعها في مقدمة الملف وعندما نحتاجها نكتب إسم الذي إعطينا لذالك اللون
@color1:#FFDFE2;
@color2: #A5151E;
::selection {
background:@color1;
color:@color2;
}
::-moz-selection {
background:@color1;
color:@color2;
}
::-webkit-selection {
background:@color1;
color:@color2;
}

وعند وضع عليه الأمر lessc على الملف
# lessc style.less style.css
يصبح المحتوى
::selection, -moz-selection, -webkit-selection {
background: #ffdfe2;
color: #a5151e;
}

أعرف أنك دهشة وتريد تعلم أكثر ما تقدمه هذه الأدات ولك مكان تلك المعلومات إضغط هنا

محمد حنين

الإسم الكامل محمد حنين أحد geek من أمد طويل ، مطور ويب، محب للحرية، مستعمل نضام لينوكس، وأخيرا مجرم باللغة العربية للأسف في وقتها. معلومات أكثر عني أو الإتصال بي Mohammed Hanine

You may also like...

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *