eyeglass-restyle/test/fixtures/custom-functions.scss

@import "restyle";

@function my-func($a, $b, $c) {
  @return (
    my-func-a: $a,
    my-func-b: $b,
    restyle-states: (
      hover: (
        my-func-c: $c
      )
    )
  );
}

@function fn($a) {
  @return (
    fn: $a
  );
}

@function fn2($values) {
  @return (
    fn2: $values
  );
}

@function fn3($a, $b) {
  @return (
    fn3: ($a, $b)
  );
}

@include restyle-define(test, (
  restyle-var(foo): bar,
  restyle-var(baz): 1,
  color: red,

  restyle-function(my-func): (1, restyle-var(foo), this(color)),
  background: none, // this should be between the function output
  restyle-function(fn): this(color),
  restyle-function(fn2): multiple-values(restyle-var(foo), this(color)),

  restyle-states: (
    active: (
      restyle-function(fn): root(color),
      restyle-function(fn3): (restyle-var(foo), parent(color))
    )
  )
));

.test {
  @include restyle(test);
}