что твиттер-самозагрузки подмешать именовании

В твиттере-самозагрузке Mixin: https://github.com/twitter/bootstrap/blob/master/less/mixins.less что твиттер-самозагрузки подмешать именовании

Есть Примесь нейминга по тиру и верблюжьим: .buttonBackground .Входного-уровня блока

В 3.0.0- wip branch У нас также есть знак подчеркивания: clear_float

Мой вопрос в том, что такое соглашение об именовании mixin? Спасибо!

источник

2013-02-26 xnjiang

Bootstrap использует меньше по умолчанию. Вы получаете путать с переменными и 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.

Но если вы просто хотите различать смесины и другие классы, вы можете иметь конкретный способ их написания ... Как первый алфавит в качестве капитала .. вы знаете только то, что полезно для вас.

источник

2013-02-26 10:02:22 Shail

Спасибо за ваш ответ! Итак, в twitter bootstrap mixin нет такой «лучшей практики»? Например, в ruby мы пишем весь метод с использованием подчеркивания: this_is_a_method; написать класс, используя camelCase: ThisIsAClass. – xnjiang

См. Bootstrap - это основа, не язык. Поэтому он использует соглашение, предоставляемое css, и если вы погружаетесь в меньшее. Соглашения в основном их. Поэтому лучше всего написать хороший код в css также означает загрузку. И в css тире широко используются для создания таких классов, как round-corner, clear-float. Подчеркивания не используются. В менее @ для переменных и mixins являются классами, поэтому вы можете объявить их как обычные классы css или создать простой метод дифференциации ур. – Shail

Спасибо, очень полезно. Но почему bootstrap парень не придерживался одного соглашения: тире для mixin? – xnjiang

что твиттер-самозагрузки подмешать именовании

ответ

Смежные вопросы