xandeadx.ru Блог музицирующего веб-девелопера

CSS → Селектор в качестве параметра миксина LESS

Опубликовано в

Способ 1:

.my-mixin (@selector) {
  background: white;
  @{selector} {
    background: red;
  }
}
 
.parent {
  .my-mixin(~'.child');
}

Способ 2:

.my-mixin (@selector) {
  background: white;
  @selector-escaped: ~'@{selector}';
  @{selector-escaped} {
    background: red;
  }
}
 
.parent {
  .my-mixin('.child');
}

Результат в обоих случаях:

.parent {
  background: white;
}
.parent .child {
  background: red;
}
Похожие записи

Комментарии RSS

Аватар пользователя Гость
Гость, #

Less это для невероятных фреймворков типа bootstrap ? А есть ли смысл его использовать в работе с друпалом?

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании