2 * @var {string} $prefix
3 * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
4 * JavaScript application.
6 $prefix: 'x-' !default;
9 * @var {string} $theme-name
10 * The name of the theme. This must match the the output directory of the images.
11 * (defaults to 'default')
13 $theme-name: 'default' !default;
16 * @var {boolean/string} $relative-image-path-for-uis
17 * True to use a relative image path for all new UIs. If true, the path will be "../images/".
18 * It can also be a string of the path value.
19 * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
21 $relative-image-path-for-uis: false !default;
23 $color: #000 !default;
26 * @var {string} $font-family
27 * The default font-family to be used throughout the theme.
29 $font-family: tahoma,arial,verdana,sans-serif !default;
31 $font-size : 12px !default;
34 * @var {string} $base-gradient
35 * The base gradient to be used throughout the theme.
37 $base-gradient: 'matte' !default;
40 * @var {color} $base-color
41 * The base color to be used throughout the theme.
43 $base-color : #C0D4ED !default;
44 $neutral-color: #eeeeee !default;
47 * @var {boolean} $include-not-found-images
48 * True to include files which are not found when compiling your SASS
50 $include-missing-images: true !default;
53 * @var {boolean} $include-ie
54 * True to include Internet Explorer specific rules
56 $include-ie: true !default;
59 * @var {boolean} $include-ff
60 * True to include Firefox specific rules
62 $include-ff: true !default;
65 * @var {boolean} $include-chrome
66 * True to include Chrome specific rules
68 $include-chrome: true !default;
71 * @var {boolean} $include-safari
72 * True to include Safari specific rules
74 $include-safari: true !default;
77 * @var {boolean} $include-opera
78 * True to include Opera specific rules
80 $include-opera: true !default;
83 * @var {boolean} $include-webkit
84 * True to include Webkit specific rules
86 $include-webkit: true !default;
88 $supports-border-radius: true !default;
89 $supports-gradients: true !default;
92 * @var {boolean} $compile-all
93 * True to copile all CSS, even if above include rules are false
95 $compile-all: true !default;
98 * @var {boolean} $scope-reset-css
99 * True to scope the reset CSS within the $prefix variable.
101 $scope-reset-css: false !default;
104 * @var {color} $css-shadow-background-color
105 * The base color for CSS shadows
107 $css-shadow-background-color: #ccc !default;
111 * @var {color} $include-shadow-images
112 * True to include all shadow images.
114 $include-shadow-images: true !default;