Grid Style Sheets

그리드 스타일 시트 (GSS)의 요소가 웹에 표시되는 방식을 변경 화식 제약 솔버를 사용합니다.
GSS 다르게 페이지가로드 된 상태에 기반 디스플레이 레이아웃을 구축하기 위해 다양한 DOM 소자 사이 얽혀 관계 규칙을 사용한다.
CCSS와 VFL 구성 요소를 통해, GSS 제약이 수직 간격 (VFL)에 크기와 위치 (CCSS)와 같은 요소의 DOM 속성을 기반으로 제자리에 놓고,을 기반으로 할 수 있습니다.
그리드 스타일 시트 뒤에 원리와 개념은 오라일리의 유창함 2014 컨퍼런스에서 발표되었다. 당신은 아래에 비디오를 볼 수 있습니다

이 릴리스의 새로운 기능 :

변수 권상 (범위가 지정되지 않은 변수와 virtuals에이 맨 위의 예를 가리)
: 볼 : 볼-Y : 요소가 보일 때 불을 볼 수-X 의사 클래스
원래 속성을 재설정하지 않고 intrinsic- 같은 역할을 computed- 의사 속성 가족
부모 / 루트 범위를 가리 ^, ^ ^, ^ ^ ^ ... 그리고 $ 연결자
조건은 현재 복수의 선택기에 대한 무난 지원합니다. 이어야 그것은 늘 정지
단순한 단위 지원 (안 파서 아직), EM, REM, VH, 폭스 바겐, VMAX, VMIN.
PX 장치를 통해 결합 편도. 가능하지 그렇지 않으면 일부 비선형 표현을 허용합니다
또한 일부 간접를 제공 최대, 최소 함수
서로 유지 트리 구조 옆에 입력 및 출력을 출력 버퍼 콘솔
$ 스크롤 - 최고 $ 계산 높이 지금 창 [스크롤 상단] 및 :: 유사한 방식으로 작동 :: 창 [높이]
더 나은 범위 스타일 시트 지원 (CSS 아직 덤핑 없음 에뮬레이션)
정상 루트 범위에 게양 변수는이 스타일 시트에 연결되어, 더 이상 글로벌 없습니다
그렇지 않으면 그들은 범위 요소에 연결에 스타일 시트를 범위, 또는 정상 범위에 전역 변수를 정의합니다.
@import 지원 (CSS 덤핑 지원은 믿을 아직 없습니다). 시트를 여러 번 가져 오는 것은 한 번만 구문 분석됩니다.

버전 2.0.0의 새로운 기능 :

변수 권상 (범위가 지정되지 않은 변수와 virtuals에이 맨 위의 예를 가리)
: 볼 : 볼-Y : 요소가 보일 때 불을 볼 수-X 의사 클래스
원래 속성을 재설정하지 않고 intrinsic- 같은 역할을 computed- 의사 속성 가족
부모 / 루트 범위를 가리 ^, ^ ^, ^ ^ ^ ... 그리고 $ 연결자
조건은 현재 복수의 선택기에 대한 무난 지원합니다. 이어야 그것은 늘 정지
단순한 단위 지원 (안 파서 아직), EM, REM, VH, 폭스 바겐, VMAX, VMIN.
PX 장치를 통해 결합 편도. 가능하지 그렇지 않으면 일부 비선형 표현을 허용합니다
또한 일부 간접를 제공 최대, 최소 함수
서로 유지 트리 구조 옆에 입력 및 출력을 출력 버퍼 콘솔
$ 스크롤 - 최고 $ 계산 높이 지금 창 [스크롤 상단] 및 :: 유사한 방식으로 작동 :: 창 [높이]
더 나은 범위 스타일 시트 지원 (CSS 아직 덤핑 없음 에뮬레이션)
정상 루트 범위에 게양 변수는이 스타일 시트에 연결되어, 더 이상 글로벌 없습니다
그렇지 않으면 그들은 범위 요소에 연결에 스타일 시트를 범위, 또는 정상 범위에 전역 변수를 정의합니다.
@import 지원 (CSS 덤핑 지원은 믿을 아직 없습니다). 시트를 여러 번 가져 오는 것은 한 번만 구문 분석됩니다.

버전 1.0.3 베타에 새로운 기능 :

2D 설탕 소품 : 크기, 위치, 센터, 고유 크기, 왼쪽 상단, 오른쪽 상단, 하단 왼쪽 , 오른쪽 아래
parans에 둘러싸여 때 ID, 클래스 및 태그 이외의 선택기 지금 CCSS에서 사용할 수 있습니다
제약 연산자의 양쪽에 복수의 선택기에 대한 지원

버전 1.0.2 베타의 새로운 기능 :

VGL :
@ 격자 템플릿 빈 영역이 정의 될 수있다.
@ 그리드 템플릿에 ()에 추가되었습니다.
@ 그리드 템플릿에 추가 된 H / V / 톱 / 우 / 하 / 좌 갭 ().

요구 사항 :

자바 스크립트는 클라이언트 측에서 사용 가능