Sencha Touch features a novel theming system built on top of SASS & Compass. This session will show you how to quickly customize the look and feel of your application, extend core styles, and optimize your stylesheets to download faster. Lot of code samples and walkthroughs included.
4. Theming is wicked easy!
CSS3
Gradients
Shadows
Selectors
!important
SASS & Compass
Monday, November 29, 2010
5. The wonderful world of SASS
Variables
Mixins
Color functions
Compiled into CSS
Compass
CSS3 mixins
Dev tools
Extensions
http://www.sass-lang.com
http://www.compass-style.org/
Monday, November 29, 2010
23. The UI attribute
“UI” can be added to components
Several components have default UIs
Toolbar, Carousel, TabBar
light/dark
Buttons
default/drastic/confirm/back/forward & round/small
Monday, November 29, 2010