Download do unitscss - unitscss Download de código fonte

unitscss

Componentes de terceiros

v0.1.17

Baixar

Unidades

Conjunto de componentes simples e bonito.

https://unitscss.com/

Documento

Inglês / 日本語

Recurso

As unidades são um conjunto de componentes simples e bonito. Tudo o que você precisa fazer é apenas carregar arquivos CSS, copiar e colar trechos, tão fácil que qualquer um pode usar.

Use rapidamente
Tudo o que você precisa fazer é apenas colocar unidades.css. Vários componentes já foram preparados e você pode escolher componentes que deseja usar e aplicá -lo em seu site.
Simples e bonito
Cada componentes é lindamente projetado. O design será atualizado periodicamente, não aplicaremos grandes alterações, mas aplicará apenas pequenas alterações, como o ajuste das margens.
Apoie o navegador moderno
As unidades são otimizadas para serem usadas no navegador moderno, como Microsoft Edge, Google Chrome, Firefox, Safari, que tal navegadores antigos? ... Desculpe.
Web design responsivo
Utilizamos abordagens responsivas da web para exibir design otimizado em todos os dispositivos.
Atualização periódica
As unidades ainda são uma versão beta, ela será atualizada periodicamente para uma versão principal. Unitil A versão principal, adicionaremos novos componentes, otimizaremos os códigos de origem, ajustando seu design.
Apoie japonês
Porque os desenvolvedores são japoneses que podemos apoiar em japonês. Temos otimizando páginas da Web e atualizando documentos escritos em japonês.

Instalação

As unidades em si podem ser baixadas do GitHub clonando -o ou como um formato ZIP, ou você pode baixá -lo via NPM.

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

$ npm install unitscss --save

Vamos carregar os arquivos necessários.

 < 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 >

Uso

Escreva trechos exatos HTML e dê as classes certas começando com uc- . Por exemplo, na amostra abaixo, você pode fazer um componente de cartão conectado com imagem coberta.

 < 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 >