22 Mar 2011 12:39 PM #1
Is There a Complete List of SASS Variables for the Touch Theme?
I'm just wondering if there is a complete list of the variables used in the touch theme? There are references to some of the big variables like $base-color and $base-gradient, but there is a sea of variables used throughout the theme's core CSS files.
Any chance there's a complete reference somewhere? I feel like the ST developers likely have this, but I can't find it posted anywhere. It would be a great resource to have handy.
Thanks in advance.
23 Mar 2011 12:39 AM #2
if you have downloaded sencha-touch example folders. Look in to the inner folder resources/themes/stylesheets/sencha-touch/default. You can find independent sass files used for each components.
Hope this helps you.
23 Mar 2011 2:39 AM #3
I suggest you to take a look at this video:
At one point during the presentation, there is a screen with a complete list of all SASS variables used to theme Sencha Touch.
Hope this helps.
23 Mar 2011 7:43 AM #4
Yes, I'm aware of the setup and where the core files are. That's how I've been working to date. I started to make a list of the variables and then wondered if someone had compiled one elsewhere. Namely the developers. But thank you for the suggestion.
I watched part of that video but not all of it. I'll watch all of it to look for that list. If I find the full list I'll create a post with them in the "examples and showcases" section of the forum.
Update: I found the list at 9:12 in the video andreacammarata mentions. But here is a complete list, alphabetized:
23 Mar 2011 7:52 PM #5
24 Mar 2011 9:04 AM #6
Good call. Those are the slides from the video.
24 Mar 2011 11:08 AM #7
In 1.1, we've also documented (in-code) all variables/mixins, but we're still working on the parser/generated docs. Will update with a link once it's in-hand.
24 Mar 2011 12:23 PM #8
Yeah, that will be awesome. A list is a great foundation, but having some notes about them too will be that much greater.
8 Apr 2011 1:08 PM #9
thanks for posting these! I was just about to transcribe them from the video, but you've already done it
3 May 2011 11:39 PM #10
SASS Variable for toolbar image
Want to add an image as toolbar BG. Which SASS variable can be used?
By dmackerman in forum Ext: DiscussionReplies: 1Last Post: 9 Mar 2011, 9:44 PM
By kevinv1990 in forum Sencha Touch 1.x: DiscussionReplies: 4Last Post: 3 Mar 2011, 12:58 AM
By bklaas in forum Sencha Touch 1.x: DiscussionReplies: 1Last Post: 26 Feb 2011, 1:30 PM
By RobinQu in forum Sencha Touch 1.x: DiscussionReplies: 10Last Post: 21 Dec 2010, 10:21 AM
By wam in forum Sencha Touch 1.x: DiscussionReplies: 2Last Post: 2 Dec 2010, 4:47 PM