Блоки контента в миксинах

Существует возможность передачи блока стилей в миксин, которые будут расположены среди стилей, подключаемых этим миксином. Эти стили будут размещены вместо директив @content, расположенных внутри миксина. Это даёт возможность создания абстракций, зависящих от конструкций селекторов или директив. Например:

scss
@mixin apply-to-ie6-only {
  * html {
    @content;
  }
}

@include apply-to-ie6-only {
  #logo {
    background-image: url(/logo.gif);
  }
}
=apply-to-ie6-only
  * html
    @content

+apply-to-ie6-only
  #logo
    background-image: url(/logo.gif)
css
* html #logo {
  background-image: url(/logo.gif);
}

Обратите внимание: если директива @content указана более одного раза или внутри цикла, блок стилей будет включён несколько раз - в соответствии с количеством её вызовов.


Ваша 
Поддержка