Skip to content

pantoken / css

css

베타

@pantoken/css — Instructure 디자인 토큰을 @property 형식의 CSS로 출력합니다.

toCss는 모든 토큰 IR을 CSS로 변환합니다; css는 바로 사용할 수 있는 rebrand 스타일시트이며 leanCss는 CDN/임베드 전달을 위해 시트를 지배하는 약 1,777개의 아이콘 데이터 URI로 구성된 전체 --instui-icon-* 세트를 제거한 경량 변형으로, 네트워크 전송 크기가 약 1/6입니다. 둘 다 elevation + focus-outline 기반(순수 빌더가 @pantoken/utils에 있는 복합 커스텀 속성)을 포함하므로, 컴포넌트 시트는 토큰 시트만으로 그림자와 포커스 링을 해석합니다. DOM 부작용 진입점은 @pantoken/css/inject에 있으며; 정적 파일은 @pantoken/css/style.css@pantoken/css/style.lean.css에 있습니다.

인터페이스

변수

함수

참조

default

css의 이름을 변경하고 재내보냅니다