Need help generating custom button ui

[cmeans]

ExtJS v4.1.1a
Cmd v3.0.2.288

I have a very simple custom theme app.scss:

$theme-name: 'test';
@import 'compass';
@import 'ext4/default/all';

// Your custom code goes here...
$relative-image-path-for-uis: true;

@include extjs-button-ui(
    'test-btn', 

    $background-color: #6db73d
);

However, at build, I get the following error:

[INF]        -sass:
[INF]        [shellscript] 
[INF]        [shellscript] C:\Workspaces\eclipse\test_locator_II\src\Locator\packages\theme\sass>compass compile --boring --force 
[INF]        [shellscript] identical app.css 
[INF]        Compressed 0 of 1 (1 up to date)
[INF]        [shellscript] 
[INF]        [shellscript] C:\Workspaces\eclipse\test_locator_II\src\Locator\packages\test\sass>compass compile --boring --force 
[INF]        [shellscript]     error app.scss (Line 693 of _button.scss: Invalid null operation: "null plus 4px".)Sass::SyntaxError on line ["693"] of C: Invalid null operation: "null plus 4px".
[INF]        [shellscript] Run with --trace to see the full backtrace
[INF]        [shellscript]

From reviewing the _button.scss, it seems to be unhappy that I don't have a $icon-size value, but I would expect defaults to be in place.

Can anyone tell me what I'm doing wrong here?

Thanks.

-Chris

[cmeans]

I've since figured-out that there appear to be some properties are required (if others are used...or are always required). So for the above case, I also needed to include $icon-size.

The other issue I finally figured-out is that one needs to include the button scale value (preceded by a hyphen) in the UI name, like 'test-small'.

[cmeans]

I've since discovered that I can't even manipulate something as basic as the border-width.

I'd really appreciate it if someone could provide me a pointer or two on this...provide a working example, or point me to current & accurate documentation.

Thanks.

[cmeans]

I've upgraded to 4.1.3, and can confirm that the rendering of the theme.html is still not including the appropriate custom button ui CSS for focus, over or pressed states. The buttons render correctly interactively in Chrome, but my understanding is that they should render statically on the page in order for the slicing to work correctly.

[cmeans]

Can anyone help?