Аргументы не работают должным образом в SASS @mixin - PullRequest
Новая
       12

Аргументы не работают должным образом в SASS @mixin

3 голосов
/ 04 июля 2011

Я использовал sass (в частности, бит scss) с моими электронными таблицами, и до сих пор все шло хорошо. Я использую довольно много функций CSS3, которые еще не полностью реализованы во всех браузерах, и я решил, что мог бы просто написать миксин, который бы что-то делал в такой степени: 

@mixin multilang($what, $value) {
    $what: $value;
    -khtml-#{$what}: $value;
    -webkit-#{$what}: $value;
    -o-#{$what}: $value;
    -moz-#{$what}: $value;
}

И назовите это как @include multilang(user-select, none);, но вместо этого мой скомпилированный CSS изобилует такими вещами, как -khtml-none: none и т. Д.

Теперь я полагаю, что я тут что-то не так делаю, но не могу понять, что это такое. Я пытался заключать в кавычки вещи, используя именованные аргументы и т. Д., Но все в основном имеет ту же проблему.

1 Ответ

2 голосов
/ 04 июля 2011

вам нужно обернуть свои первые $ что-то вроде этого 

@mixin multilang($what, $value) {
  #{$what}: $value;
  -khtml-#{$what}: $value;
  -webkit-#{$what}: $value;
  -o-#{$what}: $value;
  -moz-#{$what}: $value;
}
...