一个干净,轻巧的响应式CSS框架。

响应式栅格


elf使用基于flexbox的响应式栅格系统,只需要添加合适的class名,就能够自动适应多种型号的设备。

FLEXBOX特性


between
around
centered
fixed
full-screen
vertical-center

elf利用flexbox的特性,能够轻松实现绚丽的布局效果。

干净,轻巧,高度自定义


所有的效果都必须在class名为 .elf 的容器中进行。 这意味着elf不会造成全局污染,你可以方便地设置自己的样式

整个 elf.css 只有大约30kb,压缩后的 elf.min.css 则更加小巧。 elf专注于移动设备,它精准地限制着自己的大小。

elf通过less语言编写, 通过修改她的 less 文件, 你可以轻易地定制属于你的样式。elf只帮你把最基本的东西做好,并非全部。

更多特性


- 为未确定数量元素排列而设的BLOCKS系统

- 为统一放置图片而设的图片处理系统

- 为特殊页面展示而设的巨幕系统

- 更为优化的默认样式

- ……

更多elf的特性期待您的探索,同时elf也会持续不断地完善与维护。如果您觉得elf不错,欢迎参与到项目当中,一起让elf更加完善,更加精彩。