文件名称:react-sensitive-grid:使用React构建响应式布局的强大工具
文件大小:17KB
文件格式:ZIP
更新时间:2024-03-22 04:10:28
CoffeeScript
React响应网格 使用React构建响应式布局的强大工具。 WIP,将最好的想法从移植到React友好且独立于CSS的格式。 Susy移植进度 容器 基本液体容器 静态的 非中心布局 容器位置(左,中(默认),右,长度(左和右)) 断点 基本组件宽度断点(请注意,这与媒体查询断点不同) 媒体查询断点 列 设置列数 list —创建不对称网格。 列出每列相对于其他列的大小,其中1是单个列单位。 (1,2)将创建一个2列网格,其中第二列的宽度是第一列的两倍。 天沟选项 基于保证金 基于填充 显式装订线宽度 装订线位置 前 后 里面 内部静电 分裂 跨度 设置列数 设定任意宽度 通过“最后一个”道具移除最后一个排水沟 通过“第一个”道具移除第一个天沟 支持嵌套范围 使用“ at”道具设置跨度位置 跨度外部装订线(除了内部装订线) “中断”道具-
【文件预览】:
react-responsive-grid-master
----webpack.config.js(870B)
----src()
--------utils()
--------index.cjsx(194B)
--------components()
----webpack.config.production.js(753B)
----.npmignore(617B)
----examples()
--------PrePostSquish.cjsx(3KB)
--------index.html(298B)
--------index.cjsx(100B)
--------Intro.cjsx(186B)
--------Router.cjsx(1KB)
--------ChildSpans.cjsx(2KB)
--------Controls.cjsx(564B)
--------TwoColumn.cjsx(1KB)
--------ComplexResponsiveLayout.cjsx(2KB)
--------ThreeColumn.cjsx(980B)
----.travis.yml(39B)
----LICENSE(1KB)
----test()
--------calc.coffee(3KB)
----README.md(2KB)
----Makefile(598B)
----.gitignore(623B)
----package.json(2KB)