Grid Style Sheets

Grid Style Sheets (GSS) sử dụng Cassowary Constraint Solver để thay đổi cách thức các thành phần được hiển thị trên Web.
GSS sử dụng một quy tắc quan hệ đan xen giữa các yếu tố DOM khác nhau để xây dựng bố trí mà hiển thị các cách khác nhau dựa trên các điều kiện trang đã được nạp.
Qua CCSS và các thành phần VFL, GSS cho phép hạn chế được đặt vào vị trí dựa trên các thuộc tính của phần tử DOM như kích thước và vị trí (CCSS), và dựa trên dọc và khoảng cách (VFL).
Các nguyên tắc và khái niệm đằng sau Sheets Lưới Phong cách cũng đã được trình bày tại hội nghị thạo O'Reilly của năm 2014. Bạn có thể xem một đoạn video của nó dưới đây:

là gì mới trong phiên bản này:

• cẩu Variable (biến unscoped và virtuals chỉ để dụ trên cùng)
• : nhìn thấy được,: có thể nhìn thấy-y,: nhìn thấy được x-giả các lớp học mà cháy lên khi phần tử là có thể nhìn thấy
• computed- gia đình sở hữu giả mà hành động như intrinsic- mà không cần cài đặt lại tài sản ban đầu
• ^, ^^, ^^^ ... và $ combinators trỏ đến phạm vi phụ huynh / root
• Điều kiện bây giờ có một sự hỗ trợ cho các bộ chọn khá nhiều. Ít nhất nó sẽ không treo
• đơn vị Đơn giản hỗ trợ (không phải trong phân tích cú pháp nào), em, rem, vh, vw, vmax, Vmin.
• Một chiều ràng buộc thông qua các đơn vị px. Cho phép đối với một số biểu thức phi tuyến tính không thể khác
• max, min chức năng mà còn cung cấp một số gián tiếp
• console đệm mà kết quả đầu vào và đầu ra bên cạnh mỗi cơ cấu cây giữ khác
• $ scroll-top, $ tính chiều cao hiện đang làm việc trong một cách tương tự như cửa sổ :: [scroll-top] và :: cửa sổ [chiều cao]
• Better scoped stylesheets hỗ trợ (không thi đua cho css bán phá giá chưa),
• biến treo ở phạm vi gốc hàng đầu là không phải toàn cầu nữa, chúng được gắn vào kiểu
• stylesheets Scoped trong, hoặc xác định các biến toàn cầu trong phạm vi hàng đầu, nếu không chúng gắn với phạm vi phần tử.
• hỗ trợimport (hỗ trợ css bán phá giá không phải là đáng tin cậy nhưng vẫn có). nhập khẩu tấm nhiều lần chỉ phân tích một lần.

là gì mới trong phiên bản 2.0.0:

• Variable cẩu (biến unscoped và virtuals trỏ đến trên cùng chẳng hạn)
• : nhìn thấy được,: có thể nhìn thấy-y,: nhìn thấy được x-giả các lớp học mà cháy lên khi phần tử là có thể nhìn thấy
• computed- gia đình sở hữu giả mà hành động như intrinsic- mà không cần cài đặt lại tài sản ban đầu
• ^, ^^, ^^^ ... và $ combinators trỏ đến phạm vi phụ huynh / root
• Điều kiện bây giờ có một sự hỗ trợ cho các bộ chọn khá nhiều. Ít nhất nó sẽ không treo
• đơn vị Đơn giản hỗ trợ (không phải trong phân tích cú pháp nào), em, rem, vh, vw, vmax, Vmin.
• Một chiều ràng buộc thông qua các đơn vị px. Cho phép đối với một số biểu thức phi tuyến tính không thể khác
• max, min chức năng mà còn cung cấp một số gián tiếp
• console đệm mà kết quả đầu vào và đầu ra bên cạnh mỗi cơ cấu cây giữ khác
• $ scroll-top, $ tính chiều cao hiện đang làm việc trong một cách tương tự như cửa sổ :: [scroll-top] và :: cửa sổ [chiều cao]
• Better scoped stylesheets hỗ trợ (không thi đua cho css bán phá giá chưa),
• biến treo ở phạm vi gốc hàng đầu là không phải toàn cầu nữa, chúng được gắn vào kiểu
• stylesheets Scoped trong, hoặc xác định các biến toàn cầu trong phạm vi hàng đầu, nếu không chúng gắn với phạm vi phần tử.
• hỗ trợimport (hỗ trợ css bán phá giá không phải là đáng tin cậy nhưng vẫn có). nhập khẩu tấm nhiều lần chỉ phân tích một lần.

là gì mới trong phiên bản 1.0.3-beta:

• đạo cụ đường 2D: kích thước, vị trí, trung tâm, bên trong kích thước, phía trên bên trái, góc trên bên phải, phía dưới bên trái, phía dưới bên phải
• Selectors khác với id, class & tag bây giờ có thể được sử dụng trong CCSS khi bao quanh bởi parans
• Hỗ trợ cho các bộ chọn số nhiều ở hai bên của một nhà điều hành hạn chế

là gì mới trong phiên bản 1.0.2-beta:

• VGL:
• @ lưới mẫu khu trống rỗng có thể được xác định với.
• thêm trong () để @ lưới mẫu.
• Thêm h / v / top / phải / dưới / trái khoảng cách () để @ lưới mẫu.

Yêu cầu :

• kích hoạt JavaScript về phía khách hàng