SASS ენის შესავალი

ამ სახელმძღვანელოში ჩვენ შევისწავლით პრეპროცესორ SASS-ს. SASS არის პრეპროცესორ LESS-ის ალტერნატივა, რომელიც ასევე საშუალებას აძლევს პროგრამირებას CSS-ში.

სინამდვილეში SASS-ს აქვს სინტაქსის ორი ვარიანტი, პირველ ვარიანტს ასევე ჰქვია SASS, ხოლო მეორეს - SCSS. ორივე მათგანი მხარს უჭერს ფუნქციების ერთსა და იმავე ნაკრებს და მხოლოდ ცოტა განსხვავდება სინტაქსით. თუმცა, რადგან SCSS უფრო ახალი და ფართოდ გამოყენებადია, ამ სახელმძღვანელოში ჩვენ შევისწავლით ზუსტად მას.

ასე რომ, SCSS-ის სინტაქსი მსგავსია CSS-ის სინტაქსის, ანუ ჩვენ ვნახავთ იგივე ფიგურულ ფრჩხილებს და იგივე ბრჭყალებს მძიმით, რაც CSS-ში. განვიხილოთ SCSS-ის სინტაქსის მაგალითი, სადაჩ მაშინვე ვანიჭებთ ცვლადებს ფონტს და ფერს, რის შემდეგაც ვანიჭებთ ამ ცვლადებს თვისებებს სელექტორში body:

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

body {
	font: $font;
	color: $color;
}