Biến trong SASS
Ngôn ngữ SASS cho phép sử dụng biến. Biến đại diện cho một vùng chứa, nơi bạn có thể lưu trữ một số dữ liệu và sử dụng chúng ở những vị trí cần thiết trong mã.
Để tạo một biến, bạn cần nghĩ ra
tên của nó và đặt dấu $ trước tên đó.
Sau đó, sau tên biến, chúng ta đặt dấu hai chấm
và chỉ định giá trị của biến đó. Hãy
làm một ví dụ với biến tên var:
$var: 20px;
Bây giờ hãy sử dụng biến này làm giá trị cho thuộc tính:
p {
font-size: $var;
}
Kết quả là sau khi biên dịch sang CSS, thay vì biến của chúng ta, giá trị của nó sẽ được thay thế vào:
p {
font-size: 20px;
}
Hãy cho biết kết quả biên dịch của mã sau sẽ như thế nào:
$color: #000;
p {
color: $color;
}
