Formation Prestashop intégrateur: Sass / @mixin - Utiliser un mixin

Vous êtes ici : Accueil / Prestashop intégrateur / Sass / @mixin - Utiliser un mixin


@mixin - Utiliser un mixin

Exemples :


@import 'mixin';

// arguments with default values can be omitted
.box {
  @include sexy-border(#00f);
}

// with explicit keyword name, arguments can be passed in any order
.bigbox {
  @include sexy-border($width: 3in, $color:#00f);
}

// use mixin with unknown number of arguments
.shadows {
  @include box-shadow(0px 4px 5px #666, 2px 6px 10px #999);
}

// use mixin with variable and unknown number of arguments
$param: 0px 4px 5px #666, 2px 6px 10px #999;

.shadows {
  @include box-shadow($param...);
}