file1.scssSass funkcja nie jest dostępna z pliku importu
@function toPx($n) {
@return $n + 0px;
}
file2.scss
body {
font-size:toPx(10);
}
file3.scss
@import "file1.scss";
@import "file2.scss";
Wyjście file3.css zawiera
body {
font-size:toPx(10);
}
Nie mogę uruchomić funkcji toPx, nawet jeśli importuję ją bezpośrednio do pliku file2.scss. Jeśli zadeklaruję toPX w pliku file2.scss, będzie działać.
Jestem nowy w SASS, więc zakładając, że brakuje mi czegoś prostego, czy ktoś może mi powiedzieć co?
Zaskakująco Scout, kompilator sass, którego używam, nie generuje błędu, ale po prostu renderuje toPx (10) do wyjściowego CSS.
Edit
Znalazłem ten odnośnik, który zdaje się sugerować, że będę musiał użyć API Ruby w celu osiągnięcia funkcję globalnego. Czy ktoś jest w stanie wyjaśnić?
http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#adding_custom_functions