Show GN: mlut - Sass와 인체공학이 적용된 원자 CSS 툴킷
(github.com/mr150)안녕하세요, GN 커뮤니티 여러분!
제 오픈소스 프로젝트인 mlut에 대해 말씀드리고자 합니다. 이 프로젝트는 복잡한 스타일을 만들기 위한 Sass와 인체공학적 디자인을 갖춘 Atomic CSS 툴킷입니다.
- 강력한 명명 규칙
- 거의 임의적인 구문
- 뛰어난 인체공학
- 편리한 확장 기능
기능에 대한 자세한 분석은 GitHub의 readme에서 확인할 수 있습니다. 기술적인 부분을 더 자세히 살펴보고 싶으시다면 이 문서: https://dev.to/mr150/atomic-css-deep-dive-1hee 를 참조하세요. 대규모 JavaScript 컨퍼런스에서 제가 강연한 내용을 녹취한 것입니다 (HolyJS).
그동안 이 도구의 몇 가지 기능을 더 소개해드리겠습니다:
- Sass로 작성되었으며 모든 이점을 포함합니다.
- JIT(온디맨드) 및 AOT 모드를 사용할 수 있습니다.
- 완전 사용자 정의 가능: 토큰, 유틸리티 이름 및 모든 설정 변경 가능
- 기존 프로젝트에 쉽게 통합. 대부분의 프로젝트에서 CSS와 이름 충돌 없음
프로젝트의 역사에 대해 조금 더 자세히 알고 싶으시다면 이 글을 참조하세요: https://dev.to/mr150/…
피드백, 특히 GitHub에서 별점을 주시면 감사하겠습니다!