تنصيب 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;
}

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

  كان معكم  Docteur Hixor