GD Styles: Sao chép các kiểu CSS với các lớp Tailwind
GD Styles là một tiện ích mở rộng miễn phí dành cho Chrome được phát triển bởi bradenhirschidev. Nó thuộc vào danh mục Trình duyệt và cụ thể là danh mục Tiện ích & Công cụ. Tiện ích này cho phép người dùng dễ dàng lấy tên lớp Tailwind từ các kiểu CSS của bất kỳ phần tử nào khi sử dụng DevTools trên Chrome.
Sau khi cài đặt GD Styles, cần khởi động lại trình duyệt để tiện ích bắt đầu hoạt động. Sau khi cài đặt, bạn sẽ tìm thấy một bảng điều khiển bên trong DevTools có tên là 'GD Styles'. Để truy cập vào kiểu CSS của một phần tử, chỉ cần nhấp chuột phải vào nó và chọn 'Lấy kiểu'. Các kiểu sẽ được hiển thị trong bảng điều khiển bên.
Một trong những tính năng tiện lợi nhất của GD Styles là khả năng sao chép các kiểu trực tiếp vào clipboard của bạn. Chỉ cần nhấp chuột vào một nút, bạn có thể dễ dàng sao chép tên lớp Tailwind và sử dụng chúng trong dự án của riêng bạn.
Hiện tại, GD Styles hỗ trợ một số thuộc tính CSS bao gồm màu sắc, màu nền, viền, bán kính viền, kích thước phông chữ, độ dày phông chữ và lề. Nhà phát triển, bradenhirschidev, đang tích cực làm việc để cải thiện tiện ích và thêm nhiều kiểu khác để nó trở nên linh hoạt hơn.
Vui lòng lưu ý rằng GD Styles hiện đang trong phiên bản beta, vì vậy mọi phản hồi hoặc đề xuất có thể được gửi đến Hãy thử GD Styles ngay hôm nay và tối ưu quá trình phát triển CSS của bạn một cách dễ dàng.
