]> git.proxmox.com Git - extjs.git/blame - extjs/classic/theme-neutral/sass/var/picker/Color.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / classic / theme-neutral / sass / var / picker / Color.scss
CommitLineData
6527f429
DM
1/**\r
2 * @class Ext.picker.Color\r
3 */\r
4\r
5/**\r
6 * @var {color}\r
7 * The background-color of Color Pickers\r
8 */\r
9$colorpicker-background-color: dynamic(#fff);\r
10\r
11/**\r
12 * @var {color}\r
13 * The border-color of Color Pickers\r
14 */\r
15$colorpicker-border-color: dynamic($colorpicker-background-color);\r
16\r
17/**\r
18 * @var {number}\r
19 * The border-width of Color Pickers\r
20 */\r
21$colorpicker-border-width: dynamic(0);\r
22\r
23/**\r
24 * @var {string}\r
25 * The border-style of Color Pickers\r
26 */\r
27$colorpicker-border-style: dynamic(solid);\r
28\r
29/**\r
30 * @var {number}\r
31 * The number of columns to display in the Color Picker\r
32 */\r
33$colorpicker-columns: dynamic(8);\r
34\r
35/**\r
36 * @var {number}\r
37 * The number of rows to display in the Color Picker\r
38 */\r
39$colorpicker-rows: dynamic(5);\r
40\r
41/**\r
42 * @var {number}\r
43 * The height of each Color Picker item\r
44 */\r
45$colorpicker-item-height: dynamic(18px);\r
46\r
47/**\r
48 * @var {number}\r
49 * The width of each Color Picker item\r
50 */\r
51$colorpicker-item-width: dynamic(18px);\r
52\r
53/**\r
54 * @var {number}\r
55 * The padding of each Color Picker item\r
56 */\r
57$colorpicker-item-padding: dynamic(2px);\r
58\r
59/**\r
60 * @var {string}\r
61 * The cursor to display when the mouse is over a Color Picker item\r
62 */\r
63$colorpicker-item-cursor: dynamic(pointer);\r
64\r
65/**\r
66 * @var {color}\r
67 * The border-color of Color Picker items\r
68 */\r
69$colorpicker-item-border-color: dynamic($colorpicker-background-color);\r
70\r
71/**\r
72 * @var {number}\r
73 * The border-width of Color Picker items\r
74 */\r
75$colorpicker-item-border-width: dynamic(1px);\r
76\r
77/**\r
78 * @var {string}\r
79 * The border-style of Color Picker items\r
80 */\r
81$colorpicker-item-border-style: dynamic(solid);\r
82\r
83/**\r
84 * @var {color}\r
85 * The border-color of hovered Color Picker items\r
86 */\r
87$colorpicker-item-border-color-over: dynamic($neutral-color);\r
88\r
89/**\r
90 * @var {color}\r
91 * The background-color of Color Picker items\r
92 */\r
93$colorpicker-item-background-color: dynamic($colorpicker-background-color);\r
94\r
95/**\r
96 * @var {color}\r
97 * The background-color of hovered Color Picker items\r
98 */\r
99$colorpicker-item-background-color-over: dynamic(#fff);\r
100\r
101/**\r
102 * @var {color}\r
103 * The border-color of the selected Color Picker item\r
104 */\r
105$colorpicker-item-border-color-selected: dynamic($colorpicker-item-border-color-over);\r
106\r
107/**\r
108 * @var {color}\r
109 * The background-color of the selected Color Picker item\r
110 */\r
111$colorpicker-item-background-color-selected: dynamic($colorpicker-item-background-color-over);\r
112\r
113/**\r
114 * @var {color}\r
115 * The inner border-color of Color Picker items\r
116 */\r
117$colorpicker-item-inner-border-color: dynamic($neutral-color);\r
118\r
119/**\r
120 * @var {number}\r
121 * The inner border-width of Color Picker items\r
122 */\r
123$colorpicker-item-inner-border-width: dynamic(1px);\r
124\r
125/**\r
126 * @var {string}\r
127 * The inner border-style of Color Picker items\r
128 */\r
129$colorpicker-item-inner-border-style: dynamic(solid);\r