用 sass 引导盒子大小？

Question

看完这篇文章：Using box-sizing : border-box with Twitter Bootstrap 2.x, can we do it easily without breaking everything?

我决定尝试使用我在此处下载的 sass 存储库进行 box-sizing： https://github.com/thomas-mcdonald/bootstrap-sass.

我尝试添加以下内容：

* {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box; 
 }

这很好用，但它搞砸了我的输入表单高度。阅读上面关于在输入表单上使用 box-sizing 内容的帖子 cmets。但很明显，这不是 sass：

*, *:before, *:after {
.box-sizing(border-box);
}

input {
.box-sizing(content-box);
}

有没有人知道如何让它工作，所以我的输入表单被压扁了？

Answer 1

你也可以在 sass 文件中使用它——试试下面的代码

*
  &:before, &:after     
     +box-sizing(border-box)


input
  +box-sizing(content-box)

Less 代码现在转换为 sass 代码。如果 Less 代码有效，那么这个 sass 代码肯定会为你工作