Mixin trong SASS
Trong bài học này, chúng ta sẽ làm quen với mixin (tính năng trộn lẫn), cho phép bao gồm một lớp này bên trong một lớp khác. Hãy cùng tìm hiểu, nó là gì và cách làm việc với nó.
Về bản chất, trộn lẫn là việc sử dụng các lớp này bên trong các lớp khác, khi một lớp đóng vai trò là một bản mẫu - một đoạn mã xác định, mà chúng ta có thể sử dụng ở nhiều nơi.
Điều này tiện lợi ở chỗ nào? Trên CSS thuần túy, chúng ta sẽ phải gõ lại đoạn mã mẫu ở mọi nơi cần đến nó, còn trong SASS, chúng ta có thể viết nó một lần ở một nơi và sau đó kết nối nó vào những vị trí mã cần thiết.
Để khai báo mixin, người ta sử dụng
chỉ thị @mixin, sau đó
chỉ định tên của nó, các tham số và khối chứa nội dung:
@mixin mix {
width: 100px;
height: 100px;
}
