来自: https://estkin.github.io/reindeer.css/
前端开发人员的轻量级可定制CSS框架。
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
立即学习“前端免费学习笔记(深入)”;
Recommended installation is with node package manager
Run this command in terminal: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.zipIf you succesfully get Reindeer, you can now link it with your HTML document
This comes into tag:Customization is pretty easy, you just need those three things:
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: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
Nothing special at the moment
Heading 5
Heading 6Paragraph
Stylized for use with link and button [not input] (You can use it with div, but it has cursor: pointer on it)
Example:Same as buttons but for blocking use, like layout things, etc. (No cursor: pointer on it)
Red box!
Green box!
Orange box!
Violet box!
Gray box!
Asphalt box!
Example:Reindeer is based on flexbox magic
Item 1
Item 5
Item 1
Item 4
Item 1
Item 3
Item 1
Item 2
Item 2
Item 3
Item half
Item 1
Item 1
Item 1
Item 1
Item 2
Item 2
Item 10
Item 2
Item 2
Item 2
Item 4
Item 10
Example:
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号