文件名称:rework-flex-grid:重做 CSS 插件,用于生成自定义的轻量级 flex 网格
文件大小:17KB
文件格式:ZIP
更新时间:2024-07-15 23:12:44
JavaScript
返工弹性网格 重做 CSS 插件,用于生成自定义的轻量级网格。 为什么? 每个项目都不一样。 您应该能够即时创建适合您项目的网格。 如果你只想要 8 列,你可以创建一个正好有 8 列的网格,而不是坚持 12 列。这有助于避免 CSS 中不必要的膨胀。 这个网格生成器使用来显着减少网格系统中的 CSS 声明。 移动优先 Rework Flex Grid 创建了一个 100% 移动优先的网格系统。 这可确保移动浏览器在不适用时不会*解析媒体查询。 更少的解析意味着更快的渲染,这意味着更快的加载到内容时间,这意味着更快乐的用户。 耶。 可定制 你想出你自己的类命名方案。 您设置断点。 您决定是否需要列偏移。 这一切都在配置中。 低特异性 所有网格类的特殊性值为 10。它们由一个类组成,并且正好是一个类,导致 CSS 类似于: . gridClass { /* ... */ } .
【文件预览】:
rework-flex-grid-master
----.travis.yml(46B)
----index.js(3KB)
----package.json(816B)
----test()
--------test.js(1KB)
--------defaults()
--------utils()
--------fixtures()
----LICENSE(1KB)
----.gitignore(14B)
----lib()
--------defaults()
--------get-col-offset-selector.js(273B)
--------get-col-selector.js(607B)
--------create-col-rule.js(560B)
--------create-col-offset-rule.js(478B)
--------utils()
----README.md(3KB)