ホームページ > 記事 > ウェブフロントエンド > Reindeer.css – フロントエンド開発者向けの軽量でカスタマイズ可能な CSS フレームワーク_html/css_WEB-ITnose

Reindeer.css – フロントエンド開発者向けの軽量でカスタマイズ可能な CSS フレームワーク_html/css_WEB-ITnose

WBOYオリジナル: 2016-06-21 08:57:261118ブラウズ

来自： https://estkin.github.io/reindeer.css/

Reindeer.css

前端开发人员的轻量级可定制CSS框架。

# Status

At the time we are working on Reindeer as much as possible, some components are missing, but we will add them very soon!

This documentation is updated for Reindeer's version 0.1.3

# Install Reindeer

Recommended installation is with node package manager

Run this command in terminal:
npm install --save reindeer.css

Or just download master branch from github repository (newest versions/releases are there quicker than on npm; but they could be broken or not production ready)

https://github.com/estkin/reindeer.css/archive/master.zip

# Use Reindeer

If you succesfully get Reindeer, you can now link it with your HTML document

This comes into tag:

# How to customize

Customization is pretty easy, you just need those three things:

Gulp installed

Reindeer's source code

Some text editor (even TextEdit on Mac/Notepad on Windows)

If you have all these things, open src/base/_var.css , in this file, you can customize everything what is included. More customization coming soon...

Example:
$link-color: #333333; change to $link-color: #d2436d;
for changing color

After your customizing open terminal in root directory of Reindeer's source code and run command npm run both , this command will produce compiled + minified file with your custom variables