Cánh hoa là một khung giao diện người dùng CSS có tổ chức và nhẹ chạy trên LESS
Từ Bootstrap đến Foundation dường như có một dòng CSS khung vô tận để chọn từ. Nhưng một số ít chạy trên LESS và thậm chí ít hơn là được tổ chức tốt như Petal.
Dự án nguồn mở nhỏ này là tạo nội bộ cho nhóm tại Shakr nhưng họ đã quyết định phát hành tất cả trên GitHub. Nó vẫn là một khuôn khổ mới Vì vậy, có rất nhiều chỗ để cải thiện. Ở trạng thái hiện tại, Petal là một khung giàu tính năng cho bất kỳ dự án web.
Bất cứ ai quan tâm nên kiểm tra Trang chính và nhìn qua một số tài liệu.
Biểu định kiểu cánh hoa bị phá vỡ thành tập tin LESS khác nhau, vì vậy nó được tổ chức dựa trên các tính năng và cài đặt. Bằng cách này nếu bạn muốn thực hiện thay đổi hoặc tìm một lớp cụ thể bạn cần chỉ duyệt một tập tin, ví dụ typography.less
, chứ không phải là toàn bộ thư viện.
Bạn có thể thấy một số tính năng thiết kế phổ biến hơn trong cây bút này cùng với đoạn mã bạn có thể sao chép.
Cánh hoa có nghĩa là một khung tối giản với kiểu dựng sẵn đơn giản.
Không phải ai cũng muốn làm việc thêm màu sắc hoặc tông màu vào thiết kế của họ. Vẻ đẹp của khung CSS là nó có thể cung cấp thiết kế và phong cách, vậy bạn chỉ thêm HTML và di chuyển.
Đây là những gì Cánh hoa làm tốt, và đó là một luồng không khí trong lành trong một thế giới đầy những trang chủ chạy bằng Bootstrap.
Nếu bạn muốn thử điều này cho chính mình thêm Cánh hoa.css
bản định kiểu đúng với bạn các tài liệu phần. Từ đó, tất cả các phong cách cơ bản sẽ được áp dụng trực tiếp đến tất cả các yếu tố HTML.
Bạn có thể tinker với các lớp học bằng cách kiểm tra trang tài liệu trên trang web. Thực sự có cả một phần bao gồm thiết lập trang cơ bản bằng cách sử dụng một lớp, nhu la .phần
như một container với các lớp như .hàng
hoặc là .cột
cho cấu trúc.
Tuỳ chọn Giao diện thực tế là vô tận, và bạn luôn có thể thêm định dạng bổ sung cho phần đệm & lề Nếu cần thiết.
Đối với một khung CSS nhỏ như vậy, Petal thực sự ấn tượng. Hiện tại nó đang ở giai đoạn sơ khai tại v0.5 nhưng sẽ tiếp tục được phát triển khi thời gian trôi qua. Để tìm hiểu thêm xem trang chủ của Petal, và xem những gì bạn có thể xây dựng!