시에라는 아름다운 어두운 UI 라이브러리입니다.

전 세계에서 프론트 엔드 프레임 워크, 그것은 모든 옵션을 통해 힘든 정렬 수 있습니다. 그러나, 만약 당신이 Sass 애호가라면 산맥 는 가장 멋진 새 UI 프레임 워크 보고있다.

완벽하게 사용자 정의 할 수 있으며 전적으로 SCSS 코드에서 실행됩니다.. 이것은 수십 개의 SCSS 부분 과 관련 라이브러리 모두 하나의 강력한 (무료) UI 라이브러리로 병합됩니다..

개발자가 새로운 Sass 라이브러리에 관해 듣게되면 보통 믹스 인으로 간주됩니다. 하지만 시에라는 변수와 믹스 이상의 것. 이 라이브러리는 True-Blue UI 프레임 워크이며 사용자 정의 스타일 ...에 대한 그리드, 인쇄술, 테이블, 버튼, 형태, 웹 사이트 디자인에 필요한 모든 것이 있습니다..

전체적으로 도서관의 무게는 약 34kb 비 압축, 그것은 크게 보일 수 있습니다. 그러나 당신이 얻는 모든 것을 고려해 볼 때, 적당한 크기이고 거기에있는 가장 큰 벌레에서 멀리 떨어져있다. (참고로, 부트 스트랩의 CSS는 압축되지 않은 약 115kb를 측정한다).

시에라에서 일하면서 완전히 사용자 정의 가능한 옵션 패딩, 간격, 글꼴 크기 / 패밀리, 색상 등을 변경할 수 있습니다. 그것은 모두 SCSS를 통해 제어되며 각 라이브러리는 서로 다른 파일로 분리 보다 단순한 조직을 위해.

UI 라이브러리에는 수십 개의 프론트 엔드 스타일이 있습니다. 가장 일반적인 페이지 요소:

• 단락 및 헤더
• 버튼
• 양식 입력 (드롭 다운, 라디오 등)
• 테이블
• 쪽수 매기기
• 왼쪽 / 오른쪽 정렬
• 맞춤로드 바

이 모든 요소는 더 어두운 색 구성표를 사용하는 데모 페이지에서 볼 수 있습니다. 기본적으로 Sierra는 어두운 UI 라이브러리 그러나 모든 색상이 변경하기 쉽기 때문에 웹 사이트의 어떤 스타일에서도 효과를 볼 수 있습니다..

내 유일한 불만은 쉽게 접근 할 수있는 문서가 없다.. Sierra는 현재 v2.0에 있지만 설치 및 사용자 정의 팁에 대해서는 주요 repo가 ​​희소합니다..

고맙게도, 개발자 목록 모든 주요 변수들 당신은 _variables.scss 파일. 이 변수는 다른 모든 Sierra SCSS 파일에 대해 가져옵니다. 한 곳에서만 색을 바꿀 필요가있다. 어디에서나 작동하도록하기.

Sierra는 완벽하지는 않지만 웹상의 몇 가지 Sass 기반 UI 라이브러리 중 하나입니다..

시도해보고 싶다면 메인 웹 사이트를 방문하십시오. 데모 및 자세한 내용. 그리고 정말로 갇혀 있다면 GitHub 문제 페이지에서 질문을 열거 나 작성자 Joan Claret에게 자세한 내용을 문의 해보십시오..