sakura

Sakura는 미니멀하고 클래스 없는 CSS 프레임워크이자 테마입니다. 핵심 아이디어는 웹페이지에 스타일시트 하나만 넣으면 마크업에 클래스 이름을 추가하지 않아도 기존의 일반 HTML이 즉시 현대적이고 읽기 좋게 보인다는 것입니다. 주요 특징: - 클래스 없음: 표준 HTML 요소에 스타일이 적용되므로 기존 콘텐츠와 Markdown 파서가 생성한 HTML에서도 작동합니다. - 빠른 프로토타이핑: 백엔드 중심 사이트, 소규모 블로그, CSS를 만지고 싶지 않은 페이지에 유용합니다. - 합리적인 기본값: 대규모 디자인 시스템이라기보다는 sensible한 기본값 모음으로 설명됩니다. - 테마: 색상은 듀오톤 구성의 변수(블러섬 색상과 페이드 색상, 그리고 배경, 대체 배경, 텍스트 색상)로 제어됩니다. css 폴더에 여러 ready-made 테마가 포함되어 있으며, SCSS 변수를 재정의하고 메인 파일을 import하여 커스텀 테마를 만들 수 있습니다. - 다크 모드: 별도의 다크 스타일시트를 prefers-color-scheme을 사용하는 media 속성과 함께 로드할 수 있습니다. - 북마크릿: CSS가 없는 기존 사이트에 Sakura를 적용할 수 있는 북마크릿이 제공됩니다. README에 문서화된 설치 옵션: - CDN: head 태그에서 jsDelivr의 스타일시트를 링크합니다. - 수동: sakura.css를 다운로드하여 로컬에서 링크합니다. - 패키지 관리자: npm install sakura.css 또는 yarn add sakura.css. - 선택 사항이지만 권장: Sakura보다 먼저 normalize.css를 포함합니다. README에는 Sakura 적용 전후 페이지를 비교하는 라이브 데모, 이를 사용하는 블로그, 그리고 사용 중이라고 보고된 긴 사이트 목록 링크가 있습니다. 또한 북마크릿, 이미지 및 Vite 미리보기에 대한 기여자를 언급하고, 사용자는 사용 사례를 보고하거나 pull request를 열도록 안내합니다.