etaoux/brix

Brix Style意见收集-2013

xthsky opened this issue · 8 comments

Brix Style大家也使用了半年多了,有用的不爽的地方欢迎集中反馈。我们会努力改进。

紫凌星子——直通车项目贡献:
form组件样式在IE6下有点乱
另外,给左侧的定宽,右侧的margin-left:160,我们在直通车项目中遇到了很多问题:很多情况下是不需要margin-left:160的,有时候需要但也不一定是160px,有可能更短或者更宽。于是,我们就要写很多代码来覆盖掉
此外,在IE67下的hack太多了,经常会遇到在其他浏览器正常,在IE67下不正常,也要覆盖掉
行老师说如果改了可以提个新版本,我们这个项目中可以直接用新版本的,其他项目再慢慢切过来

yisibl ——玩客项目贡献:
如果要弄,先弄一下基本的 reset.css 吧

还有我讨厌 less

我是不赞同 CSS 变量的

http://vote.weibo.com/vid=2300222
你看这个投票
61人参与,也只有 13%支持 CSS变量
http://disruptive-innovations.com/zoo/customers/CSSWG/Priorities.html W3C 的投票结果 变量直接排到了50位

232a04341b3a3a8dcbc63a485391270a
现在的字体写法 在 input 里面就不是雅黑了

3ef07f59c142bfa28ad4587f7d6342fe
这种设置都是要不得的
强奸用户

基德:嗯,那用户自定义背景我们不管?

yisibl:是啊
有的用户就喜欢用 「眼睛保护色啊」
比如妙净
http://wanke.etao.com/channel/product/all.html?spm=0.0.0.0.Wh7gLo
有的页面 默认背景色不是白色,我们就需要重置。。。
昨天为了背景色,他们纠结了好久。。。。有人提出把页面设置一个最小高度吧,就不会出来白色了。。。
MD,我说那是 brix 干的,html 默认设置了白色,重置回来就好了啊

http://disruptive-innovations.com/zoo/customers/CSSWG/Priorities.html
这个神奇的页面在 Chrome 里显示不正常……

CSS 变量我觉得挺好的哇,比如拿来给网站主题色系起别名,用的时候不用老是翻 color palette ,直接 $colorEmphasize 之类就好了,当然前提是色系里不要包含太多,颜色变量名起得还得直观。假如能做到 http://kuler.adobe.com 这般,应该挺好用的吧?

支持 @yisibl 同学优化 base 的建议

我也觉得 form 部分太乱了,其实最基本 button ,浏览器兼容性也没搞好,我当时 fork scss 版本的时候删改了不少。

咦,毫无节操啊,我的粗口都直接复制过来了啊?好怕怕……

终于在github上看到一丝同学了 @yisibl

我一直在,只是忘记密码了,噗~

是否可以考虑支持rem by yisibl:
比如 font-size:1.4rem,font-size:14px
这样支持所有浏览器
html font-size:62.5%

个人搜集的相关文章
http://caniuse.com/rem
http://alistapart.com/article/love-the-boring-bits-of-css

其实就是这样的:
html{
font-size:62.5% /* 16px*0.625=10px */
}

那么所有的元素都是基于 root 元素来设置,例如:
p{
font-size:1.4rem; /* 14px/10px=1.4 */
font-size:14px;
}

设置rem 的好处是,他始终是基于 root 元素的,不会随着父级元素的字体大小变化而需要重新计算。其最终目的是让用户可以在浏览器设置中可以自定义字体的大小。