less css 扩展
CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
api
bin
dist
lib
plugins
src
Gruntfile.js
LICENCE
README.md
package.json
plugins.json

README.md

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