제6축(머리글 형태)의 런타임 진입점이다. 코어(open-grid)와 별도 엔트리로 갈라 두었기
때문에, 이 모듈을 import 하지 않는 사용자에게는 단 1바이트도 배송되지 않는다.
왜 별도 플러그인인가: OpenGrid.ts 에 정적 import 를 한 줄이라도 넣으면 축 코드 전체가 코어
청크로 끌려 들어간다. 머리글 취향 기능 때문에 모든 사용자의 번들을 늘리지 않겠다는 결정이다
(타이포 축이 같은 이유로 같은 구조를 택했다 — src/typography/index.ts).
이 축은 CSS 없이는 거의 아무 일도 하지 않는다. 프리셋의 본체(셀렉터 규칙·색 유도·알약
::before)는 open-grid/header.css 가 소유하고, 이 모듈은 그 CSS 를 켜는 스위치
(data-og-header 속성)와 형태 토큰 8개의 소유권만 갖는다. 그 사실을 숨기지 않고
applyHeader() 의 반환 경고로 알린다.
OPEN_GRID header-axis plugin — open-grid/header.
The runtime entry point for the 6th (header-form) axis. It is a separate build entry from the
core, so users who never import it are shipped exactly zero bytes of it.
This axis does almost nothing without its CSS. The presets themselves live in
open-grid/header.css; this module owns only the switch that turns them on (the
data-og-header attribute) and the ownership of the 8 shape tokens.
OPEN_GRID 헤더 축 플러그인 —
open-grid/header.제6축(머리글 형태)의 런타임 진입점이다. 코어(
open-grid)와 별도 엔트리로 갈라 두었기 때문에, 이 모듈을 import 하지 않는 사용자에게는 단 1바이트도 배송되지 않는다.왜 별도 플러그인인가:
OpenGrid.ts에 정적 import 를 한 줄이라도 넣으면 축 코드 전체가 코어 청크로 끌려 들어간다. 머리글 취향 기능 때문에 모든 사용자의 번들을 늘리지 않겠다는 결정이다 (타이포 축이 같은 이유로 같은 구조를 택했다 —src/typography/index.ts).이 축은 CSS 없이는 거의 아무 일도 하지 않는다. 프리셋의 본체(셀렉터 규칙·색 유도·알약
::before)는open-grid/header.css가 소유하고, 이 모듈은 그 CSS 를 켜는 스위치 (data-og-header속성)와 형태 토큰 8개의 소유권만 갖는다. 그 사실을 숨기지 않고applyHeader()의 반환 경고로 알린다.OPEN_GRID header-axis plugin —
open-grid/header.The runtime entry point for the 6th (header-form) axis. It is a separate build entry from the core, so users who never import it are shipped exactly zero bytes of it.
This axis does almost nothing without its CSS. The presets themselves live in
open-grid/header.css; this module owns only the switch that turns them on (thedata-og-headerattribute) and the ownership of the 8 shape tokens.