Automatic.css – #1 CSS Framework for WordPress

Các chức năng chính của Automatic.css

Tự động kiểu chữ

Bất kỳ thứ gì trên trang web do Automatic.css cung cấp có chứa văn bản, cho dù đó là tiêu đề, đoạn văn, danh sách, trường biểu mẫu hay bất kỳ thứ gì khác, đều tuân theo một thang toán học hoàn hảo trong hệ thống phân cấp thông qua 12 tùy chọn kích thước khác nhau, tất cả đều tự động và đáp ứng hoàn hảo cho thiết bị di động. Hơn hết, toàn bộ hệ thống nằm dưới sự chỉ huy của bạn từ bảng điều khiển Automatic.css.

Tự động Màu sắc

Đặt màu thương hiệu của bạn và Automatic.css sẽ tự động tạo ra sáu biến thể sắc thái của mỗi màu. Các lớp cung cấp cho bạn khả năng tô màu bất kỳ thành phần nào (bao gồm cả nền và lớp phủ) bằng các biến thể này và thậm chí bạn có thể sử dụng chúng với các lớp và ID tùy chỉnh thông qua các biến tiện ích màu Automatic.css.

Tự động khoảng cách

Giống như với kiểu chữ trong Automatic.css, lề, phần đệm và khoảng cách đều tuân theo một thang toán học hoàn hảo cho phép bạn truy cập vào sáu giá trị khoảng cách phân cấp và sáu giá trị khoảng cách phần phân cấp, tất cả đều tự động phản hồi. Ngoài ra, các biến tiện ích giãn cách đảm bảo rằng ngay cả các phần tử tùy chỉnh hoàn toàn cũng có khoảng cách nhất quán.

Tự động Responsive

Automatic.css sử dụng các kỹ thuật CSS Clamp và Calc nâng cao để đảm bảo rằng tất cả kiểu chữ, lề, phần đệm và khoảng trống đều đáp ứng hoàn hảo theo kích thước khung nhìn tối đa và tối thiểu của trang web của bạn. Bạn không bao giờ phải loay hoay với các điểm dừng, ngay cả khi bạn tùy chỉnh hệ thống để phù hợp với một thiết kế và bố cục cụ thể.

Tự động lưới

Automatic.css là khung tiện ích đầu tiên cung cấp các lưới đáp ứng tự động. Đặt số cột mong muốn trên màn hình và Automatic.css xử lý phần còn lại. Đối với các nhà phát triển muốn kiểm soát hoàn toàn lưới của họ tại mỗi điểm dừng, Automatic.css cung cấp toàn quyền kiểm soát thông qua các lớp tiện ích lưới truyền thống.

Điên cuồng khả năng tùy biến

Bạn nghĩ rằng một khuôn khổ hoàn toàn tự động khóa bạn trong việc sử dụng các giá trị giống nhau trên mọi trang web? Nghĩ lại! Automatic.css cung cấp cho bạn khả năng kiểm soát chi tiết tuyệt vời đối với kiểu chữ, khoảng cách và màu sắc để bạn có thể nhanh chóng tạo lại các thiết kế từ Figma, Sketch và XD mà không gặp sự cố. Nó hoàn hảo cho các cơ quan và đội.

Tự động dự phòng

Không phải tất cả các trình duyệt đều hỗ trợ chức năng Clamp và Calc, vốn là trung tâm của bản chất đáp ứng của Automatic.css. Tuy nhiên, bạn không cần phải lo lắng vì Automatic.css có các dự phòng gần như hoàn hảo khi sử dụng Calc cho các trình duyệt không hỗ trợ Clamp và các dự phòng “thuần túy” sử dụng rem hoặc px cho các trình duyệt không hỗ trợ Calc. Và vâng, bạn có toàn quyền kiểm soát các giá trị dự phòng thuần túy.