Commit fd8effda authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Custom ExtJS theme for docs app.

parent f781b099

.gitignore

+2 −0
Original line number Diff line number Diff line 
*.gem

template/extjs

template/resources/css

template/resources/sass/.sass-cache

template/README.md

+5 −0
Original line number Diff line number Diff line
@@ -7,3 +7,8 @@ Either copy over ExtJS directory or create symlink to it. 
or



    $ ln -s /path/to/ext-4.0.0 template/extjs



Then run compass to generate custom ExtJS theme:



    $ compass template/resources/sass

template/index.html

+1 −1
Original line number Diff line number Diff line
@@ -3,7 +3,7 @@ 
<head>

  <title>Ext JS API</title>

  <link rel="shortcut icon" type="image/ico" href="favicon.ico" />

  <link rel="stylesheet" href="extjs/resources/css/ext-all.css" type="text/css" />

  <link rel="stylesheet" href="resources/css/docs-ext.css" type="text/css" />

  <link rel="stylesheet" href="scrollbars.css" type="text/css" />

  <link rel="stylesheet" href="style.css" type="text/css" />

  <link rel="stylesheet" href="prettify.css" type="text/css" />

template/resources/sass/config.rb

0 → 100644
+22 −0
Original line number Diff line number Diff line 
# $ext_path: This should be the path of where the ExtJS SDK is installed

# Generally this will be in a lib/extjs folder in your applications root

# <root>/lib/extjs

$ext_path = "../../extjs"



# sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder

# Generally this will be in a resources/sass folder

# <root>/resources/sass

sass_path = File.dirname(__FILE__)



# css_path: the directory you want your CSS files to be.

# Generally this is a folder in the parent directory of your Sass files

# <root>/resources/css

css_path = File.join(sass_path, "..", "css")



# output_style: The output style for your compiled CSS

# nested, expanded, compact, compressed

# More information can be found here http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#output_style

output_style = :compressed



# We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins

load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')

template/resources/sass/docs-ext.scss

0 → 100644
+21 −0
Original line number Diff line number Diff line 
// Unless you want to include all components, you must set $include-default to false

// IF you set this to true, you can also remove lines 10 to 38 of this file

$include-default: true;



// Custom theme for docs app



$base-color: #e9e9e9;



$tab-base-color: #e9e9e9;

$toolbar-background-color: #e9e9e9;

$panel-border-color: #bfbfbf;

$grid-row-cell-selected-background-color: #D9E8FB;



@import 'ext4/default/all';



// This line changes the location of your images when creating UIs to be relative instead of within the ExtJS directory.

// You MUST set this to true/string value if you are creating new UIs + supporting legacy browsers.

// This only applies to new UIs. It does not apply to default component images (i.e. when changing $base-color)

// The value can either be true, in which case the image path will be "../images/"

// or a string, of where the path is

$relative-image-path-for-uis: true; // defaults to "../images/" when true