Nhập tệp trong SASS

Khi làm việc với các tệp SASS, đôi khi cần thiết phải chuyển code từ tài liệu .scss, nhưng mà không tạo bản sao của nó với phần mở rộng .css, tức là nhập một phần của nó.

Ví dụ, chúng ta có tệp navbar.scss với code sau:

.active {
	color: red;
}

Để thực hiện loại nhập này, trước tiên cần thêm dấu gạch dưới trước tên tệp, như thế này: _navbar.scss. Sau đó, trong một tệp khác style.scss, chúng ta viết chỉ thị @import, nhưng trong tên của tệp được nhập, không chỉ định dấu gạch dưới, cũng như phần mở rộng của tệp:

@import "navbar";

Và chúng ta thấy rằng khi biên dịch sang style.css, code từ tệp _navbar.scss đã được nhập vào:

.active {
	color: red; 
}

Tạo tệp main.scss với nội dung sau:

.block-content {
	padding: 10px;
	margin-left: auto;
	width: 600px;
	font-size: 14px;
}

Sau đó nhập một phần của nó vào tệp styles.scss và biên dịch thành styles.css.