什么是twitter-bootstrap mixin命名约定

Question

在twitter-bootstrap mixin中：https://github.com/twitter/bootstrap/blob/master/less/mixins.less

有破折号命名的mixin和camelCase： .buttonBackground 。输入块级

在3.0.0-wip分支中 我们也有下划线： clear_float

我的问题是什么是mixin命名约定？谢谢！

Answer 1

Bootstrap默认使用less。你对Variables和Mixins感到困惑（可以理解为函数）

所以骆驼用的变量如：

@color: #333;

  #nav {
   color: @color;
  }

@color是一个变量。

现在，mixins允许我们通过简单地在其中引用类名将类的所有属性添加到另一个类中。例如：

.center-block() {
    display: block;
     margin-left: auto;
     margin-right: auto;
   }

我们可以直接将上面的center-block类用于我们想要具有相同属性的新类。即：

#nav > li > a{
       .center-block;

}

mixins是声明的简单类，可以在任何地方使用。所以它们的命名约定是我们在css中声明其他类的常规方式。

但是如果你只是想区分mixins和其他类......你可以有一种特定的方式来编写它们......就像第一个字母作为大写......你知道的只是对你有用的东西。