_core.scss3.html
4.29 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The source code</title>
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
<style type="text/css">
.highlight { display: block; background-color: #ddd; }
</style>
<script type="text/javascript">
function highlight() {
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
}
</script>
</head>
<body onload="prettyPrint(); highlight();">
<pre class="prettyprint lang-js"><span id='Global_CSS'>/**
</span> * @class Global_CSS
*
* Global CSS variables and mixins of Sencha Touch.
*/
<span id='Global_CSS-css_var-S-prefix'>/**
</span> * @var {string} $prefix
* The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
* JavaScript application.
*/
$prefix: 'x-' !default;
<span id='Global_CSS-css_var-S-theme-name'>/**
</span> * @var {string} $theme-name
* The name of the theme. This must match the the output directory of the images.
* (defaults to 'default')
*/
$theme-name: 'default' !default;
<span id='Global_CSS-css_var-S-relative-image-path-for-uis'>/**
</span> * @var {boolean/string} $relative-image-path-for-uis
* True to use a relative image path for all new UIs. If true, the path will be "../images/".
* It can also be a string of the path value.
* It defaults to false, which means it will look for the images in the ExtJS SDK folder.
*/
$relative-image-path-for-uis: false !default;
$color: #000 !default;
<span id='Global_CSS-css_var-S-font-family'>/**
</span> * @var {string} $font-family
* The default font-family to be used throughout the theme.
*/
$font-family: tahoma,arial,verdana,sans-serif !default;
$font-size : 12px !default;
<span id='Global_CSS-css_var-S-base-gradient'>/**
</span> * @var {string} $base-gradient
* The base gradient to be used throughout the theme.
*/
$base-gradient: 'matte' !default;
<span id='Global_CSS-css_var-S-base-color'>/**
</span> * @var {color} $base-color
* The base color to be used throughout the theme.
*/
$base-color : #C0D4ED !default;
$neutral-color: #eeeeee !default;
<span id='Global_CSS-css_var-S-include-not-found-images'>/**
</span> * @var {boolean} $include-not-found-images
* True to include files which are not found when compiling your SASS
*/
$include-missing-images: true !default;
<span id='Global_CSS-css_var-S-include-ie'>/**
</span> * @var {boolean} $include-ie
* True to include Internet Explorer specific rules
*/
$include-ie: true !default;
<span id='Global_CSS-css_var-S-include-ff'>/**
</span> * @var {boolean} $include-ff
* True to include Firefox specific rules
*/
$include-ff: true !default;
<span id='Global_CSS-css_var-S-include-chrome'>/**
</span> * @var {boolean} $include-chrome
* True to include Chrome specific rules
*/
$include-chrome: true !default;
<span id='Global_CSS-css_var-S-include-safari'>/**
</span> * @var {boolean} $include-safari
* True to include Safari specific rules
*/
$include-safari: true !default;
<span id='Global_CSS-css_var-S-include-opera'>/**
</span> * @var {boolean} $include-opera
* True to include Opera specific rules
*/
$include-opera: true !default;
<span id='Global_CSS-css_var-S-include-webkit'>/**
</span> * @var {boolean} $include-webkit
* True to include Webkit specific rules
*/
$include-webkit: true !default;
$supports-border-radius: true !default;
$supports-gradients: true !default;
<span id='Global_CSS-css_var-S-compile-all'>/**
</span> * @var {boolean} $compile-all
* True to copile all CSS, even if above include rules are false
*/
$compile-all: true !default;
<span id='Global_CSS-css_var-S-scope-reset-css'>/**
</span> * @var {boolean} $scope-reset-css
* True to scope the reset CSS within the $prefix variable.
*/
$scope-reset-css: false !default;
<span id='Global_CSS-css_var-S-css-shadow-background-color'>/**
</span> * @var {color} $css-shadow-background-color
* The base color for CSS shadows
*/
$css-shadow-background-color: #ccc !default;
<span id='Global_CSS-css_var-S-include-shadow-images'>/**
</span> * @var {color} $include-shadow-images
* True to include all shadow images.
*/
$include-shadow-images: true !default;
</pre>
</body>
</html>