unitscss Téléchargement - unitscss Source Téléchargement

unitscss

Composants tiers

v0.1.17

Télécharger

Unités

Ensemble de composants simples et beaux.

https://unitscss.com/

Document

Anglais / 日本語

Fonctionnalité

Les unités sont un ensemble de composants simples et magnifiques. Tout ce que vous avez à faire est de charger des fichiers CSS, de copier et de coller des extraits, si facile que n'importe qui peut utiliser.

Utiliser rapidement
Tout ce que vous avez à faire est de simplement mettre des unités.css. Plusieurs composants ont déjà été préparés et vous pouvez choisir des composants que vous souhaitez utiliser et l'appliquer sur votre site Web.
Simple et beau
Chaque composant est magnifiquement conçu. La conception sera mise à jour périodiquement, nous n'appliquerons pas de grands changements, mais n'appliquera que de petits modifications telles que l'ajustement des marges.
Soutenir le navigateur moderne
Les unités sont optimisées pour être utilisées sur le navigateur moderne comme Microsoft Edge, Google Chrome, Firefox, Safari, que diriez-vous des vieux navigateurs? ... Je suis désolé.
Conception Web réactive
Nous utilisons des approches de conception Web réactives pour afficher une conception optimisée sur tous les appareils.
Mise à jour périodique
Les unités sont toujours une version bêta, elle sera mise à jour périodiquement vers une version majeure. Unit la version principale, nous ajouterons de nouveaux composants, optimiserons les codes source, ajustant sa conception.
Soutenir le japonais
Parce que les développeurs sont japonais que nous pouvons soutenir en japonais. Nous avons optimisé les pages Web et mis à jour des documents écrits en japonais.

Installation

Les unités elle-même peuvent être téléchargées à partir de GitHub en la clonage ou en tant que format zip, ou vous pouvez le télécharger via NPM.

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

$ npm install unitscss --save

Chargez les fichiers nécessaires.

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

Usage

Écrivez des extraits HTML exacts et donnez-lui les bonnes classes en commençant par uc- . Par exemple, dans l'échantillon ci-dessous, vous pouvez faire un composant de carte connecté avec une image couverte.

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