Search code examples
extjs4sasscompass-sass

How to create a scoped version of ext-all-gray.css?

Looks like latest version of ExtJS doesn't come with a scoped version of the gray theme. How to use SASS and Compass to generate a scoped version?

Solution

  • The accepted answer is not answering the question.

    To get a scoped version the gray theme:

    1. install Compass

    2. Then, on command line, move to the ExtJs Sass folder e.g. /extjs/resources/sass

    3. duplicate the file ext-all-gray.scss

    4. add the line $scope-reset-css: true; at the top of the file.

    Then run: compass compile ext-all-gray-scoped.scss

    This will create a file ext-all-gray-scoped.css in the CSS folder which you can now use.