Используйте LESS для определения правила CSS (например, font-size: 20px;)

Question

Как вы определяете стиль CSS (например, font-size: 20px) и повторно используете его в нескольких местах с LESS?

В соответствии с документами LESS я могу использовать переменные для ключей (например, размер шрифта), идентификаторы (например, .myClass) и значения (например, 20px). Однако я не вижу возможности делать общие правила, подобные этому.

Пример в SCSS:

Определение Mixin

@mixin large-text { 
    font-size: 20px; 
} 

Используйте его в другом месте

.MyAwesomeTitle { 
    color: red; 
    @include large-text; 
} 

Результат:

.MyAwesomeTitle { 
    color: red; 
    font-size: 20px; 
} 

Answer 1

1. Определите смесь. В то время как ведущий . делает его похожим на селектор классов, это просто, как именование микшинов работает в LESS.

   .large-text() { 
       font-size: 20px; 
   } 
   

2. Вы включают в себя подмешать, просто пишу имя Mixin. В этом случае это .large-text.

   .MyAwesomeTitle { 
       color: red; 
       .large-text 
   } 
   

Документах привести пример под "parametric mixins"

Входной сигнал:

.wrap() { 
    text-wrap: wrap; 
    white-space: -moz-pre-wrap; 
    white-space: pre-wrap; 
    word-wrap: break-word; 
} 

pre { .wrap } 

Выход:

pre { 
    text-wrap: wrap; 
    white-space: -moz-pre-wrap; 
    white-space: pre-wrap; 
    word-wrap: break-word; 
}