Sierra là một Thư viện UI tối đẹp được xây dựng trên Sass

Trong một thế giới đầy khuôn khổ lối vào, nó có thể được phân loại khó khăn thông qua tất cả các tùy chọn. Nhưng, nếu bạn là người yêu của Sass thì Sierra là khung UI mới tuyệt vời nhất xem.

Nó hoàn toàn tùy biến và chạy hoàn toàn trên mã SCSS. Điều này có nghĩa là nó đi kèm với hàng tá Hạt SCSS và thư viện liên quan tất cả hợp nhất với nhau thành một thư viện UI mạnh mẽ (và miễn phí).

Khi các nhà phát triển nghe về một thư viện Sass mới, nó thường được coi là một tập hợp các mixin. Nhưng Sierra là không chỉ là biến và mixin. Thư viện này là một khung UI màu xanh thật với phong cách tùy chỉnh cho lưới điện, kiểu chữ, những cái bàn, nút, các hình thức, và hầu hết mọi thứ bạn cần để thiết kế một trang web.

Tổng cộng, thư viện nặng khoảng 34kb không nén, mà có vẻ lớn. Nhưng xem xét tất cả mọi thứ bạn nhận được, đó là một kích thước tốt và khác xa so với những gì to nhất ngoài kia (để tham khảo, các biện pháp CSS của Bootstrap khoảng 115kb không nén).

Làm việc tại Sierra, bạn nhận được tùy chọn hoàn toàn tùy chỉnh để thay đổi lưới, đệm, khoảng cách, kích thước phông chữ / gia đình, màu sắc, và nhiều hơn nữa. Tất cả đều được kiểm soát thông qua SCSS và mỗi thư viện là chia thành các tập tin khác nhau cho tổ chức đơn giản hơn.

Thư viện UI đi kèm với hàng tá kiểu giao diện cho các yếu tố trang phổ biến nhất:

Đoạn & tiêu đề
nút
Đầu vào mẫu (thả xuống, radio, v.v.)
Những cái bàn
Chiếu
Sắp xếp trái / phải
Thanh tải tùy chỉnh

Tất cả các yếu tố này có thể được nhìn thấy trên trang demo sử dụng bảng màu tối hơn. Theo mặc định, Sierra là một thư viện UI tối nhưng vì tất cả các màu đều dễ thay đổi, bạn có thể làm cho nó hoạt động cho mọi kiểu trang web.

Khiếu nại duy nhất của tôi là thiếu tài liệu dễ truy cập. Sierra hiện đang ở phiên bản v2.0, nhưng ngay cả repo chính cũng thưa thớt về các mẹo cài đặt & tùy chỉnh.

Rất may, danh sách các nhà phát triển tất cả các biến chính bạn có thể thay đổi trong _variabled.scss tập tin. Các biến này được nhập cho tất cả các tệp Sierra SCSS khác, có nghĩa là bạn chỉ cần thay đổi màu sắc ở một nơi để họ làm việc ở mọi nơi.

Sierra không hoàn hảo nhưng nó là một trong số ít thư viện UI dựa trên Sass trên web.

Nếu bạn muốn dùng thử thì hãy xem trang web chính cho bản giới thiệu và thông tin chi tiết. Và, nếu bạn thực sự bế tắc, bạn có thể thử mở một câu hỏi trên trang vấn đề GitHub hoặc nhắn tin cho người tạo Joan Claret để biết thêm chi tiết.