17 Nov 2011 7:40 AM #1
SASS in 4.1
SASS in 4.1
A fairly frequent issue that people have been running into is that some of the syntax used in the default theme is incompatible with the most recent versions of SASS - see this thread, for example, and this post too. The upshot is, users either have to hold back from updating SASS, or fix the syntax errors in the .scss files directly. I've been opting for the second option, but it's getting annoying to keep applying the same patches every time I upgrade ExtJS. Is there any hope for this to be fixed in 4.1? It's not been fixed in the preview, to my knowledge, and I couldn't spot it in the list of active bugs still to be addressed.
For reference, the syntax errors are:
- mixins/_frame.scss:115 - Defining a function within a mixin is not allowed. The "@function pad" should be moved to the top of the document, outside the x-frame mixin.
- widgets/_tabbar.scss:31 - Nested mixins are not allowed. The "@mixin tab-bar-top" and "@mixin tab-bar-bottom" should be moved to the top of the document, outside the extjs-tabbar mixin.
17 Nov 2011 7:48 AM #2
Also, the ExtJS theming guide says this under the "Directory Structure" section:
Due to a bug in Ext JS 4.0.2a you will also need to edit line 62 of appname/extjs/resources/themes/lib/utils.rb from this:
images_path = File.join($ext_path, 'resources', 'themes', 'images', theme)
images_path = relative_path
30 Nov 2011 9:47 AM #3