SASS giúp bạn viết css cực kỳ nhanh chóng, có logic, dễ quản lý và cuối cùng là nó sẽ xuất ra định dạng css. Nhưng SASS có 1 nhược điểm là để sử dụng được bạn phải dùng một thành phần mở rộng được viết bằng Ruby để biên dịch ra file css rồi sử dụng file đó cho website. Do đó muốn sửa css bạn phải sửa trên file scss. Nhưng do SASS rất tiên dụng nên phiền phức đó cũng có thể chấp nhận được.
Sử dụng SASS để viết CSS cho web site 1 cách chuyên nghiệp (Phần 1)
Đầu tiên để sử dụng scss bạn phải cài Ruby cho windown.
Sau khi cài đặt bạn chạy chương trình mới cài đặt gõ lệnh “gem install sass” để cài đặt sass.
Hiện ra thông tin như trên là cài đặt thành công, bắt đầu sử dụng thôi.
Trong Ruby trỏ đường đẫn tới file đặt file scss. Ví dụ đường dẫn file của mình là “F:\wamp\www\opencart2\catalog\view\theme\default\stylesheet” thì đường dẫn trong Ruby sẽ như hình dưới:
Bạn đánh lệnh “compass create” để tạo ra thư mục scss chứa các file .scss và thư mục stylesheets chứa các file .css sau khi biên dịch từ file .scss.
Tiếp theo đánh lệnh “compass watch” để bắt đầu sử dụng lệnh này sẽ rạo ra file .css khi file .scss có sự thay đổi nói gọn là sau khi lưu file .scss sẽ tạo ra file .css.
Giờ ví dụ bạn muốn tạo 1 file css tên là style.css thì bạn vào trong thư mục scss tạo ra 1 file style.scss và dùng một số trương trình như notepadd++, subline text, dreamware… để viết.
Theo E.FOCUS
