matcha
3.0.0
matcha.css 는 기본 브라우저 스타일 시트와 유사하게 HTML 요소를 스타일링하도록 설계된 순수한 CSS 라이브러리로, 사용자가 문서를 수동으로 패치 할 필요가 없습니다.
빠른 프로토 타이핑, 정적 HTML 페이지, Markdown 생성 문서 및 CSS의 복잡성을 탐구하지 않고 워크 플로를 간소화하고 사용 가능한 HTML 요소를 모두 사용하려는 개발자에게 이상적입니다.
~7kB Gzipped (더욱 줄어들 수 있음)
모든 문서와 완벽하게 작동하며 유사한 라이브러리에 비해 더 넓은 범위의 HTML 요소를 다룹니다. CSS 의사 요소를 활용하여 눈에 잘 띄지 않으며 광범위한 브라우저 지원을 제공합니다.
시작하려면 <link rel="stylesheet"> 을 포함시키고 문서 리팩토링 또는 청소가 필요하지 않고 필요할 때마다 제거하십시오.
요소 계층을 기반으로 한 스타일을 적응시켜 <menu> 요소를 중첩 할 때 "암시 적 하위 메뉴"와 같은 직관적 인 행동을 제공 할 때 <label> 이 <input required> 등과 쌍을 이룰 때 필수 필드 표시기 ( * )가 필요합니다.
맞춤형 빌더를 사용하여 특정 기능을 선택하고 프로젝트의 요구에 따라 최종 빌드 크기를 줄이십시오.
MIT 라이센스에 따라 릴리스 된 github.com/lowlighter/matcha에서 무료로 제공됩니다.
matcha.css를 사용하려면 문서의 <head> 섹션에 다음 줄을 포함하십시오. 그렇게 간단합니다!
< link rel =" stylesheet " href =" https://matcha.mizu.sh/matcha.css " >자산은 Vercel에서 호스팅되지만 Matcha.css는 JSDELIVR과 같은 NPM 패키지를 배포하는 CDN 서비스에서도 제공됩니다.
게시 된 모든 버전은 /v/ 디렉토리에서 제공됩니다. 기본적으로 main 브랜치가 제공됩니다.
/styles 디렉토리에 나열된 각 하위 디렉토리는 matcha.mizu.sh에서 직접 제공됩니다. 예를 들어, 기본 빌드 또는 사용자 정의 빌드를 사용하지 않고 @syntax-highlighting 스타일 만 포함하려면 다음을 사용할 수 있습니다.
< link rel =" stylesheet " href =" https://matcha.mizu.sh/styles/@syntax-highlighting/mod.css " > 그러나 자신의 CSS 변수를 제공하지 않으면 모든 matcha.css 변수 정의가 포함되어 있으므로 @root 패키지를 포함시켜야 할 것입니다.
모든
mod.css파일도 편의를 위해 해당 학부모 디렉토리와 별명을 부여하므로 사용할 수 있습니다.< link rel =" stylesheet " href =" https://matcha.mizu.sh/@syntax-highlighting.css " >
!important 규칙은 사용자가 스타일을 쉽게 무시할 수 있도록하는 데 사용되지 않습니다.이 프로젝트는 세 가지 주요 디렉토리로 분리되어 있습니다.
/api 서버리스 함수의 경우 Vercel에서 실행됩니다/app/styles/styles 디렉토리이 폴더 내의 각 하위 디렉토리는 대부분 독립적이며 범위를 지정하기위한 것입니다. 또한 코드베이스를 구성하는 데 도움이되는 반면 사용자는 특정 기능을 체리 선택하고 사용자 정의 빌드를 만들 수 있습니다.
추가 기능은 문자 @ 사용하여 접두사를 접두사해야하며 기본 빌드를 팽만하지 않도록 빌더에서 기본적으로 제외해야합니다.
풀 요청을 제출하면 미리보기가 Vercel에서 사용할 수 있습니다. 관리자 및 기타 기고자는 병합 전에 변경 사항을 검토하고 피드백을 제공 할 수 있습니다.
지역 개발은 데노 런타임을 사용하여 수행 할 예정입니다. 설치하지 않으려면 제공된 DevContainer 구성을 사용하여 컨테이너화 된 환경에서 또는 GitHub 코드 스페이스에서 직접 프로젝트를 실행할 수도 있습니다.
개발 서버를 시작하려면 다음 명령을 실행하십시오.
deno task serve변경 사항을 제출하기 전에 다음 명령을 실행하여 모든 것이 올바르게 형식화되어 있는지 확인하십시오.
deno task fmt MIT License
Copyright (c) 2024-present Simon Lecoq (lowlighter)
