SASS and custom background gradients

[29er]

Hi ,
I am trying to create a custom 'ui' component with SASS and Sencha so that each toolbar uses this base background gradient.


background: -moz-linear-gradient(top, #92a458 0%, #74843e 50%, #606f2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92a458), color-stop(50%,#74843e), color-stop(100%,#606f2d));
background: -webkit-linear-gradient(top, #92a458 0%,#74843e 50%,#606f2d 100%);
background: -o-linear-gradient(top, #92a458 0%,#74843e 50%,#606f2d 100%);
background: -ms-linear-gradient(top, #92a458 0%,#74843e 50%,#606f2d 100%);
background: linear-gradient(top, #92a458 0%,#74843e 50%,#606f2d 100%);
border-color: black;


can someone help me out ? the tutorials don't seem to cover anything like this.
Thanks

[rdougan]

The 'ui' is simply a class added onto the component. For example, a button with a UI of red would have the class: 'x-button-red'.

[29er]

gotcha, thanks for the info.