Learning SASS tutorials - lesson 5 - Partials & Mixins

Sass (short for syntactically awesome style sheets) is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). SassScript is the scripting language itself.

Sass consists of two syntaxes. The original syntax, called "the indented syntax," uses a syntax similar to Haml. It uses indentation to separate code blocks and newline characters to separate rules. The newer syntax, "SCSS" (Sassy CSS), uses block formatting like that of CSS. It uses braces to denote code blocks and semicolons to separate rules within a block. The indented syntax and SCSS files are traditionally given the extensions .sass and .scss, respectively.

CSS3 consists of a series of selectors and pseudo-selectors that group rules that apply to them. Sass (in the larger context of both syntaxes) extends CSS by providing several mechanisms available in more traditional programming languages, particularly object-oriented languages, but that are not available to CSS3 itself. When SassScript is interpreted, it creates blocks of CSS rules for various selectors as defined by the Sass file. The Sass interpreter translates SassScript into CSS. Alternatively, Sass can monitor the .sass or .scss file and translate it to an output .css file whenever the .sass or .scss file is saved.

The indented syntax is a metalanguage. SCSS is a nested metalanguage, as valid CSS is valid SCSS with the same semantics.

SassScript provides the following mechanisms: variables, nesting, mixins, and selector inheritance.

دروس تعلم ساس - الدرس 5 - استراد الملفات و اختصار الأكواد وتوزيعها

ساس (اختصار لأوراق الأنماط الرائعة من الناحية النحوية) هي لغة برمجة نصية سابقة المعالجة يتم تفسيرها أو تجميعها في أوراق الأنماط المتتالية (سي أس أس). ساس سكربت هي لغة البرمجة النصية نفسها.

يتكون ساس من تركيبين. الصيغة الأصلية ، التي تسمى "الصيغة البادئة" ، تستخدم صيغة مشابهة لهامل. يستخدم المسافة البادئة لفصل كتل التعليمات البرمجية وأحرف السطر الجديد لفصل القواعد. الصيغة الأحدث ، "أس سي أس أس" (ساسي سي أس أس) ، تستخدم تنسيق الكتلة مثل تنسيق سي أس أس. يستخدم الأقواس للإشارة إلى كتل التعليمات البرمجية والفاصلة المنقوطة لفصل القواعد داخل الكتلة. عادةً ما يتم إعطاء الصيغة البادئة وملفات أس سي أس أس الامتدادات .sass و. scss ، على التوالي.

يتكون سي أس أس3 من سلسلة من المحددات والمحددات الزائفة التي تجمع القواعد التي تنطبق عليها. يوسع ساس (في السياق الأكبر لكلا الصيغتين) سي أس أس من خلال توفير العديد من الآليات المتاحة في لغات البرمجة الأكثر تقليدية ، وخاصة اللغات الموجهة للكائنات ، ولكنها غير متاحة لـ سي أس أس3 نفسها. عندما يتم تفسير ساس سكربت ، فإنه ينشئ كتلًا من قواعد سي أس أس لمحددات متنوعة كما هو محدد بواسطة ملف ساس. مترجم ساس يترجم ساس سكربت إلى سي أس أس. بدلاً من ذلك ، يمكن لـ ساس مراقبة ملف .sass أو .scss وترجمته إلى ملف إخراج .css عندما يتم حفظ ملف .sass أو .scss.


يوفر ساس سكربت الآليات التالية: المتغيرات ، والتداخل ، والمزج ، ووراثة المحدد.