unitscss 다운로드 - unitscss 소스 코드 다운로드

unitscss

타사 구성 요소

v0.1.17

다운로드

단위

간단하고 아름다운 구성 요소 세트.

https://unitscss.com/

문서

영어 / 日本語

특징

단위는 단순하고 아름다운 구성 요소 세트입니다. CSS 파일을로드하고 복사 및 붙여 넣기 스 니펫 만 있으므로 누구나 사용할 수있는 사람이 쉽게 사용할 수 있습니다.

빨리 사용하십시오
당신이해야 할 일은 단위를 넣는 것입니다. 여러 구성 요소가 이미 준비되었으며 사용하려는 구성 요소를 선택하여 웹 사이트에서 적용 할 수 있습니다.
단순하고 아름답습니다
각 구성 요소는 아름답게 설계되었습니다. 디자인은 주기적으로 업데이트되며 큰 변경 사항을 적용하지는 않지만 여백 조정과 같은 작은 변경 사항 만 적용합니다.
최신 브라우저를 지원합니다
유닛은 Microsoft Edge, Google Chrome, Firefox, Safari와 같은 최신 브라우저에서 사용되도록 최적화되어 있습니다. 오래된 브라우저는 어떻습니까? ... 죄송합니다.
반응 형 웹 디자인
우리는 반응 형 웹 디자인 approches를 사용하여 모든 장치에 최적화 된 디자인을 표시합니다.
정기적 인 업데이트
장치는 여전히 베타 버전이며 주기적으로 주요 버전으로 업데이트됩니다. Unitil 주요 버전에서는 새로운 구성 요소를 추가하고 소스 코드를 최적화하고 설계를 조정합니다.
일본어를 지원합니다
개발자는 일본어로 일본어이기 때문에 일본어로 지원할 수 있습니다. 우리는 일본어로 작성된 웹 페이지를 최적화하고 문서를 업데이트하고 있습니다.

설치

단위 자체는 Github에서 클로닝하여 또는 지퍼 형식으로 다운로드하거나 NPM을 통해 다운로드 할 수 있습니다.

$ git clone https://github.com/kokushin/unitscss.git

$ npm install unitscss --save

필요한 파일을로드합시다.

 < link rel =" stylesheet " href =" https://fonts.googleapis.com/css?family=Roboto:400,700 " >
< link rel =" stylesheet " href =" path/to/units.min.css " >

< script src =" path/to/units.min.js " > </ script >

용법

정확한 HTML 스 니펫을 작성하고 uc- 로 시작하는 올바른 클래스를 제공하십시오. 예를 들어 아래 샘플에서 덮은 이미지가 부착 된 카드 구성 요소를 만들 수 있습니다.

 < div class =" uc-card _float " >
  < div class =" uc-card-image " style =" background-image:url(https://source.unsplash.com/random) " > </ div >
  < h3 class =" uc-card-title " > Sample card </ h3 >
  < p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, et. </ p >
  < div class =" uc-btn _primary " > < a href =" # " > Button </ a > </ div >
</ div >