_base.scss
3.67 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
141
142
143
144
145
146
147
148
149
150
151
/**
* @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;
/**
* @var {string} $theme-name
* The name of the theme. This must match the the output directory of the images.
* (defaults to 'default')
*/
$theme-name: 'neptune' !default;
/**
* @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;
/**
* @var {string} $font-family
* The default font-family to be used throughout the theme.
*/
$font-family: "Helvetica Neue", Arial, Verdana, sans-serif !default;
$ui-font-family: $font-family; // Deprecated
// $ui-font-family: "Lucida Grande", Verdana, Tahoma, sans-serif !default;
/**
* @var {string} $font-size
* The default font-size to be used throughout the theme.
*/
$font-size: 12px !default;
$font-size-small: 11px !default;
$font-size-large: 15px !default;
/**
* @var {string} $base-gradient
* The base gradient to be used throughout the theme.
* Used for elements like buttons, panels, etc.
*/
$base-gradient: matte !default;
/**
* @var {color} $base-color
* The base color to be used throughout the theme.
*/
$base-color: #167CCE !default; // Momentum blue
$base-light-color: #A6DDFF !default;
$base-dark-color: #0E4DAD !default;
/**
* @var {color} $neutral-color
* The neutral color to be used throughout the theme.
*/
$neutral-color: #E0E3E6 !default;
$neutral-dark-color: darken($neutral-color, 18) !default;
$neutral-light-color: lighten($neutral-color, 8) !default;
$confirm-color: #94ae0a !default;
$bright-color: red !default;
$drastic-color: #a61120 !default;
/**
* @var {boolean} $include-not-found-images
* True to include files which are not found when compiling your SASS
*/
$include-missing-images: true !default;
/**
* @var {boolean} $include-ie
* True to include Internet Explorer specific rules
*/
$include-ie: true !default;
/**
* @var {boolean} $include-ff
* True to include Firefox specific rules
*/
$include-ff: true !default;
/**
* @var {boolean} $include-chrome
* True to include Chrome specific rules
*/
$include-chrome: true !default;
/**
* @var {boolean} $include-safari
* True to include Safari specific rules
*/
$include-safari: true !default;
/**
* @var {boolean} $include-opera
* True to include Opera specific rules
*/
$include-opera: true !default;
/**
* @var {boolean} $include-webkit
* True to include Webkit specific rules
*/
$include-webkit: true !default;
$supports-border-radius: true !default;
$supports-gradients: true !default;
/**
* @var {boolean} $compile-all
* True to copile all CSS, even if above include rules are false
*/
$compile-all: true !default;
/**
* @var {boolean} $scope-reset-css
* True to scope the reset CSS within the $prefix variable.
*/
$scope-reset-css: false !default;
/**
* @var {color} $css-shadow-background-color
* The base color for CSS shadows
*/
$css-shadow-background-color: rgba(#000, .3) !default;
/**
* @var {boolean} $include-shadow-images
* True to include all shadow images.
*/
$include-shadow-images: true !default;
/**
* @var {boolean} $include-highlights
* True to include all shadows, highlights, and gradients
*/
$include-highlights: true !default;
$include-default-uis: true !default;
// Default transition variables
$default-transition-duration: 100ms !default;
$default-transition-function: ease-in-out !default;
$default-text-contrast: 80% !default;