css - 用 sass 引导盒子大小？

Question

读完这篇文章：Using box-sizing : border-box with Twitter Bootstrap 2.x，我们能在不破坏一切的情况下轻松做到吗？

我决定用我在这里下载的 sass repo 尝试 box-sizing： https ://github.com/thomas-mcdonald/bootstrap-sass 。

我尝试添加以下内容：

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

这很好用，但它搞砸了我的输入表单高度。阅读上述关于在输入表单上使用框大小内容的评论。但很明显，这不是 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)

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