flexy:灵活的网格!

时间:2024-06-25 20:16:45
【文件属性】:

文件名称:flexy:灵活的网格!

文件大小:34.2MB

文件格式:ZIP

更新时间:2024-06-25 20:16:45

JavaScript

灵活的 从 flex-grid 重命名,因为我喜欢 flexy。 检查原型分支以检查一些即将进入网格的升级。 它是什么 一种有趣的消遣(但用于工作)和玩 lodash 的借口。 它是一个类似于 jQuery Masonry 的系统——根据网格结构设置一堆盒子。 系统具有响应性,如果支持,则更喜欢翻译而不是左/上。 我使用包含许多核心框的元素构建它(使用 Scott Jehl 的填充来提供浏览器兼容性),但有些框不使用图像,也只是一个普通的 ole' 框 一个例子可以在看到。 如何使用 包括 flexy.js 包括 _flexy.scss(目前只有 SASS,但我想我会修复结构以包括其他人) 结构 每个框都有三个不同的可配置数据属性。 data-col - 列数(宽度) data-row -行数(高度) 数据优先级- 优先级(如果省略,默认为 99) 当列数小于 4(四是最大列数


【文件预览】:
flexy-master
----.gitignore(84B)
----.bowerrc(38B)
----app()
--------robots.txt(32B)
--------flexy.sketch(33.38MB)
--------scripts()
--------styles()
--------images()
--------index.html(7KB)
--------favicon.ico(4KB)
----.gitattributes(11B)
----Gruntfile.js(11KB)
----.jshintrc(354B)
----bower.json(186B)
----package.json(939B)
----readme.md(2KB)

网友评论