sass

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

 $font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;

body {
  font : 100 % $font-stack ;
  color : $primary-color ;
}

@mixin border-radius ( $radius ) {
  -webkit-border-radius : $radius ;
     -moz-border-radius : $radius ;
      -ms-border-radius : $radius ;
          border-radius : $radius ;
}

nav {
  ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
  }

  li { @include border-radius ( 10 px ); }

  a {
    display : block ;
    padding : 6 px 12 px ;
    text-decoration : none ;
  }
}

تثبيت Sass

يمكنك تثبيت Sass على Windows أو Mac أو Linux عن طريق تنزيل الحزمة لنظام التشغيل الخاص بك من Github وإضافته إلى PATH . هذا كل شيء - لا توجد تبعيات خارجية ولا شيء آخر تحتاج إلى تثبيته.

إذا كنت تستخدم node.js ، يمكنك أيضًا تثبيت SASS باستخدام NPM عن طريق التشغيل

 npm install -g sass

ومع ذلك ، يرجى ملاحظة أن هذا سيقوم بتثبيت تطبيق JavaScript النقي لـ Sass ، والذي يعمل بشكل أبطأ إلى حد ما من الخيارات الأخرى المذكورة هنا. ولكن لديها نفس الواجهة ، لذلك سيكون من السهل المبادلة في تطبيق آخر لاحقًا إذا كنت بحاجة إلى مزيد من السرعة!

انظر موقع SASS لمزيد من الطرق لتثبيت SASS.

بمجرد تثبيت SASS ، يمكنك تشغيل ملف sass القابل للتنفيذ لتجميع ملفات .sass و .scss إلى ملفات .css . على سبيل المثال:

 sass source/stylesheets/index.scss build/stylesheets/index.css

تعلم ساس

تحقق من موقع SASS للحصول على دليل حول كيفية تعلم Sass!

هذا المستودع

هذا المستودع ليس تطبيق SASS. هؤلاء يعيشون في sass/dart-sass sass/libsass . بدلاً من ذلك ، يحتوي على:

• spec/ ، والتي تحتوي على مواصفات لميزات اللغة.
• proposal/ ، الذي يحتوي على مقترحات قيد التنفيذ للتغييرات في اللغة.
• accepted/ ، والتي تحتوي على مقترحات تم قبولها وتم تنفيذها أو في عملية تنفيذها.

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

سياسة الإصدار

يتم إصدار المقترحات الواردة في هذا المستودع ، لتسهيل تتبع التغييرات مع مرور الوقت والرجوع إلى الإصدارات القديمة. يحتوي كل إصدار على علامة GIT proposal.<name>.draft-<version> . يجب إنشاء إصدار جديد لكل مجموعة من التغييرات.

يحتوي كل إصدار على إصدار رئيسي ، وقد يكون لديهم نسخة ثانوية أيضًا (المشار إليها <major>.<minor> ). يجب زيادة النسخة الثانوية للتغييرات التي لا تؤثر على الدلالات المقصودة للاقتراح ؛ خلاف ذلك ، يجب زيادة الإصدار الرئيسي.