当我使用少量mixins make - * - 列为一个类(使其响应)时,一个装订线(padding-left:默认为15px)消失了。如果只使用一个mixin,那么一切都很好。
示例:
contacts_info{
@include make-xs-column(12);
@include make-sm-column-offset(1);
@include make-sm-column(10);
@include make-md-column-offset(3);
@include make-md-column(6);
text-align: center;
color: #fff;
text-transform: uppercase;}
输出css(显示宽度为320px):
.contacts_info {
color: #fff;
float: left;
min-height: 1px;
padding-right: 15px;
text-align: center;
text-transform: uppercase;
width: 100%;}
如果我只使用一个mixin,我会得到正确的css
.contacts_info {
color: #fff;
float: left;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;}
当然我可以通过在我的scss中添加padding-left手动修复它,但我想要一些聪明的方法