PDA

View Full Version : SASS and custom background gradients



29er
6 Dec 2011, 6:43 PM
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
6 Dec 2011, 10:20 PM
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
7 Dec 2011, 8:30 AM
gotcha, thanks for the info.