Cirrus 0.6.1 출시 🚀 - 신속한 프로토타이핑을 위해 설계된 구성 요소 및 유틸리티 중심 SCSS 프레임워크.

안녕 모두들!

이전에는 이에 대해 게시한 적이 없지만 0.6.0에서 변경된 사항을 기반으로 하는 Cirrus에 대한 작은 업데이트를 방금 출시했습니다.

권운이란 무엇입니까?

Cirrus는 구성 요소 및 유틸리티 중심 SCSS 프레임워크입니다.
신속한 프로토타이핑을 위해 설계되었습니다. 나는 이 프로젝트를 2016년 말에 시작했지만 실제로 그것에 대해 쓴 적이 없습니다. 이것을 사용해야 하는 주된 이유는 미리 스타일이 지정된 많은 구성 요소 클래스를 사용하여 최대한 빨리 프로젝트의 프로토타입을 작성해야 하는 경우입니다. 이미 많은 CSS 프레임워크가 있지만 Cirrus는 저와 과거에 기여한 사람들과 함께 CSS 프레임워크가 갖추어야 할 것과 고유한 스타일에 대해 설명합니다.

관심이 있으시면 언제든지 확인하십시오 Cirrus ! Documentation

업데이트에

🎉 특징

둥근 태그 그룹 추가, 제어 테마에 기본 색상 추가, tag에 대한 BEM 표기법 업데이트| . #49

tile 이제 오버플로 규칙을 상속합니다. 4a4f276 .

이제 여러 열 중단점 클래스를 사용하면 그에 따라 응답합니다. 예를 들어 아래 코드 예제에서 div는 큰 화면 이상에 대해 8개 열에 걸쳐 있지만 모든 화면 크기에 대해 최대 4개 열에 걸쳐 있습니다. 이것은 대부분의 주요 프레임워크에서 볼 수 있는 동작과 더 일치합니다. e6a0fd2

<div class="col-xs-4 col-lg-8"></div>

card에 대한 BEM 호환 클래스 이름을 추가했습니다. . 이전 클래스 이름은 계속 지원되지만 향후 릴리스에서는 더 이상 사용되지 않습니다. #51

🐛 수정

레이블과 input-control 사이의 추가 공간을 제거했습니다. 입력에 아이콘이 포함된 경우. #47

고정 tile 작은 화면에서는 올바르게 넘치지 않습니다. ad43bc2 .

불일치 수정 card 오버플로 텍스트 콘텐츠로 인해 특정 높이가 발생할 때 UI. 8859388

💥 주요 변경 사항

열 크기를 한 단계 아래로 이동: new xs 0px에서 시작하는 이전 xs -> 새로운 sm , 오래된 sm -> 새로운 md , 오래된 md -> 새로운 lg , 오래된 lg -> 새로운 xl . 이것은 오늘날 우리가 보는 대부분의 뷰포트와 더 나은 일관성을 유지하기 위한 것입니다. d2784b7

읽어 주셔서 감사합니다!

💎 시간을 내어 이 포스트를 봐주셔서 감사합니다. 이와 같은 더 많은 콘텐츠를 보려면 실제 blog . 언제든지 저에게 연락하고 Github에서 저를 팔로우하세요. .