대시보드 CSS 변수
대시보드 CSS 변수 (Dashboard CSS variables)
대시보드 패턴에 사용되는 CSS 변수(design tokens) 목록을 확인하는 페이지예요. 선택자(Selector)와 그에 해당하는 변수(Variable), 값(Value)을 테이블로 보여 줘요.
출처: 문서
본문
CSS 변수 (CSS variables)
이 페이지는 대시보드 패턴과 관련된 CSS 변수 테이블을 제공해요. 표는 다음과 같은 컬럼으로 구성돼요:
- Selector: 변수가 적용되는 선택자
- Variable: CSS 변수 이름 (예:
--pf-...) - Value: 변수의 실제 값
참고: 이 페이지의 CSS 변수 테이블은 브라우저에서 동적으로 렌더링되므로, 정적 HTML에서는 테이블 데이터가 포함되어 있지 않아요. 실제 변수 목록과 값은 브라우저에서 페이지를 열어 확인하세요. 대시보드 패턴의 핵심 변수들은 PatternFly 디자인 토큰(
--pf-t--...)을 기반으로 정의되며, 색상, 간격, 타이포그래피 등을 제어해요.