Bootstrap box-sass with sass？

Question

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

我已经决定尝试用我在这里下载的sass repo来调整盒子大小：https://github.com/thomas-mcdonald/bootstrap-sass。

我已经尝试添加了以下内容：

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

这很有效，但它会影响我的输入表单的高度。阅读上面关于在输入表单上使用框大小调整内容的帖子。但很明显，这是在less not 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代码。如果有更少的代码在工作，那么这个sass代码肯定会为你工作。