Kiến thức cơ bản về Sass - bài 2 Biến (Variables)
Lượt xem: 2225
Biến (Variables) trong SASS
Hãy nghĩ về các biến như một cách để lưu trữ thông tin mà bạn muốn sử dụng lại trong suốt stylesheets của bạn.
Bạn có thể lưu trữ những thứ như màu sắc, ngăn xếp phông chữ hoặc bất kỳ giá trị CSS nào bạn nghĩ bạn muốn sử dụng lại.
Sass sử dụng ký hiệu $ để biến một cái gì đó thành một biến.
Đây là một ví dụ:
Cú pháp SASS
$font-stack: Helvetica, sans-serif
$primary-color: #333
body
font: 100% $font-stack
color: $primary-color
Cú pháp SCSS
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}
Đầu ra CSS
body {
font: 100% Helvetica, sans-serif;
color: #333;
}
Khi Sass được xử lý, nó sẽ lấy các biến mà chúng ta xác định cho $font-stack và $primary-color và xuất CSS bình thường với các giá trị biến của chúng ta được đặt trong CSS.
Nguồn sass-lang.com