css

Primer CSS는 GitHub의 Primer Design System을 CSS로 구현한 것으로, npm에 `@primer/css`로 게시되어 있습니다. 이는 인터페이스의 시각적 일관성을 유지하기 위해 팀이 재사용할 수 있는 유틸리티 클래스와 컴포넌트 스타일이라는 스타일링 레이어를 제공합니다. 포함 내용 - 전체 또는 모듈별로 임포트 가능한 SCSS 구문의 Sass 소스. - `core`, `product`, `marketing` 등 서로 다른 컨텍스트를 위한 별도의 진입점을 제공하여 프로젝트에 필요한 스타일만 가져올 수 있습니다. - 시작 가이드, 컴포넌트, 테마 및 디자인 원칙을 다루는 프로젝트 문서 사이트(primer.style/css)에 설명된 문서화된 테마 및 컴포넌트 세트. 설치 및 사용법 npm 설치 후, `npm install --save @primer/css` 명령어로 패키지를 프로젝트에 추가할 수 있습니다. 소스가 SCSS이므로 프로젝트의 `node_modules` 디렉토리가 Sass include(load) 경로에 포함되어야 합니다. 그 후 `@import "@primer/css/index.scss";`를 통해 전체 스타일시트를 임포트하거나, `@import "@primer/css/core/index.scss";`, `@import "@primer/css/product/index.scss";` 또는 `@import "@primer/css/marketing/index.scss";`와 같이 개별 모듈을 직접 임포트할 수 있습니다. 프로젝트 상태 README의 경고 문구에 따르면 이 저장소는 KTLO("keep the lights on") 모드입니다. 필요한 곳에서 기존 유틸리티 클래스를 계속 사용하되, 스타일과 마크업이 결합된 더 완전한 패턴의 경우 primer/react 또는 필요한 경우 primer/view_components로 이동할 것을 권장합니다. 즉, Primer CSS는 유틸리티 클래스에 대해 계속 사용 가능하고 지원되지만, 새로운 패턴 작업은 React 및 ViewComponents 구현체로 안내됩니다. 개발 및 기여 저장소에는 개발 문서를 위한 DEVELOP.md와 GitHub 직원을 위한 릴리스 프로세스를 다루는 RELEASING.md가 포함되어 있습니다. 지속적 통합(CI)은 GitHub Actions를 통해 실행되며, 릴리스 메타데이터는 npm 및 GitHub 배지(패키지 버전, 빌드 상태, 기여자, 마지막 커밋 및 라이선스)를 통해 공개됩니다. 라이선스 이 프로젝트는 GitHub의 저작권 하에 MIT 라이선스로 배포됩니다.