/veryless

less css 扩展

Primary LanguageCSSOtherNOASSERTION

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