]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-blackberry/sass/src/field/Select.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-blackberry / sass / src / field / Select.scss
CommitLineData
6527f429
DM
1/**\r
2 * @class Ext.field.Select\r
3 */\r
4\r
5.x-form .x-field-select {\r
6 padding-bottom: 18px;\r
7}\r
8\r
9.x-field-select {\r
10 padding-left: 5px;\r
11 padding-right: 5px;\r
12\r
13 .x-component-outer {\r
14 @include st-box;\r
15 @include st-box-align(center);\r
16 @include st-box-direction(horizontal);\r
17 @include background(linear-gradient(color-stops(lighten($highlight-color, 5%), $highlight-color)));\r
18 position: relative;\r
19 width: 100%;\r
20 height: 43px;\r
21 padding: 0 3px;\r
22 position: relative;\r
23\r
24 overflow: hidden;\r
25 z-index: 1;\r
26\r
27 .x-form-label {\r
28 font-size: 15px;\r
29 line-height: inherit;\r
30 }\r
31\r
32 .x-field-input {\r
33 @include st-box-flex(1);\r
34 }\r
35\r
36 .x-input-el {\r
37 background: transparent;\r
38 border: 0px;\r
39 text-align: right;\r
40 padding: 0px;\r
41 font-size: 15px;\r
42 text-overflow: ellipsis;\r
43 }\r
44 }\r
45}\r
46\r
47.x-panel.x-select-overlay {\r
48 > .x-panel-inner {\r
49 overflow: hidden;\r
50 border: 1px solid #cfcdcf;\r
51 }\r
52\r
53 .x-list {\r
54 background: #e3e0e3;\r
55\r
56 .x-list-item {\r
57 border-color: #cfcdcf;\r
58 color: #5e5d5e;\r
59 }\r
60\r
61 .x-item-selected {\r
62 @include box-shadow(none);\r
63 background-color: #efebef;\r
64 color: #343334;\r
65 }\r
66\r
67 .x-item-pressed {\r
68 background-color: $base-color;\r
69 color: #fff;\r
70 }\r
71 }\r
72}