Skip to content

feichang/veryless

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

93 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VeryLess 2.0

http://veryless.org

VeryLess是基于LESS的Mixin扩展库,由LESS中国社区( http://lesscss.net/ )发起。
提供一系列方法库,帮助我们快速敏捷的编写样式。

使用方法

安装veryless

npm install -g veryless

Usage:

初始化目录:
    veryless -init ./myfolder
下载Plugin:
    cd ./myfolder
    veryless -use pluginname
就会下载对应的插件到 ./myfolder/veryless/pulgins/里

举个栗子:

我的项目目录:/mysite
我的前端资源文件:/mysite/assets
我想把veryless放到 /mysite/assets/lib/ 里面
sudo npm install -g veryless
cd /mysite/assets/
# 初始化 目录
veryless -init lib
# 下载Plugin css3
cd lib
veryless -use css3

或者可以直接下载veryless.less到本地使用: https://github.com/feichang/veryless/blob/master/veryless.less

API文档

https://github.com/feichang/veryless/tree/master/api

分层说明

  • Base

    提供全局Reset和一些Reset方法,比如reset字体颜色、大小等等

  • Compatible

    提供常用浏览器兼容解决方案,如png24透明的问题,比如fixed定位问题

  • Util

    提供常用的工具方法,能够加快开发速度,如清楚浮动clearfix, 如Retina屏幕高清图片支持等

  • Layout

    提供常用的布局方法,目前有绝对栅格布局,流式布局,Metro风格布局

  • Shortcut

    提供常用的快捷写法,如font-size: 12px; 可以写成: .font-s12;或者 .font-s(12px);

Plugin介绍

VeryLess提供了Plugin概念,任何人都可以利用Veryless创建属于自己的plugin&使用plugin。

如何开发Plugin

1, 开发好插件存到github上,目录规范请看下面

2, 到这里 https://github.com/feichang/veryless/issues?state=open 新建一个issue,命名规范:[添加插件]插件名 内容填写如下:

3,我看到issue后会更新根目录中的plugins.json 用户就可以像这样使用你的插件了 veryless -use yourpluginname

Plugin规范

/YourPluginName
    - index.less 这里存放plugin的所有代码(必须)
    - README.md  介绍你的plugin (必须)
    - 其他文件 (可选)

作者

Plugin 列表 & 她的作者们

CSS3

Animation

BrandColor

Waterflow